@charset "utf-8";
/* CSS Document */

/* CSS Document © 2015 Digimax.co.uk */
@import url('https://fonts.googleapis.com/css?family=Poppins:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i');

::-moz-selection{ background:#2a2c93; color:#ffffff; text-shadow:none;}
::selection { background:#2a2c93; color:#ffffff; text-shadow:none;}
*,
*:before, *:after{-webkit-box-sizing:  border-box;-moz-box-sizing: border-box;box-sizing: border-box;margin: 0;padding: 0;}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, 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, textarea, input { margin:0; padding:0; border:0; font-size:100%; font:inherit; vertical-align:baseline; outline:none; font-family: 'Poppins', sans-serif;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
body { color:#504f50; -webkit-text-size-adjust: none; -webkit-font-smoothing: antialiased; -moz-font-smoothing: antialiased; font-smoothing: antialiased; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; overflow: hidden; overflow-y: scroll;}
a { text-decoration:none; transition:all 0.25s ease-out 0s;}
p { font-family: 'Poppins', sans-serif;}
img { border:0px;}
ol, ul, li{ list-style: none;}
strong, strong p { font-weight:700;}
blockquote, q { quotes: none;}
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none;}
table {border-collapse: collapse; border-spacing: 0;}
* {-webkit-appearance: none;}
::-webkit-input-placeholder {
  color:#4a4a4a;
}
::-moz-placeholder { 
  color:#4a4a4a;
}
:-ms-input-placeholder {
  color:#4a4a4a;
}
:-moz-placeholder {
  color:#4a4a4a;
}

.header-wrapp, .banner-wrapp, .detier-wrapp, .enquer-wrapp, .facier-wrapp, .footer-wrapp, .contain-wrapp, .inner-wrapp, .produc-wrapp, .prodin-wrapp, .contac-wrapp, .resour-wrapp, .qualit-wrapp, .about-wrapp, .vision-wrapp, .gester-wrapp { width:100%; float:left;}
.margin { width:100%; max-width:1140px; margin:auto;}

/*header-wrapp*/
.header-wrapp { padding:14px 0 3px 0;}
.header-wrapp a { font-size:16px; color:#000; display:inline-block; font-weight:600; padding:5px 0;}
.header-wrapp a span { font-weight:700;}
.header-wrapp .header-row1 { width:156px; float:left;}
.header-wrapp .header-row1 img { width:100%; display:block;}
.header-wrapp .header-row2 { width:77.3%; float:right; text-align:right; padding:16px 0 0;}
.header-wrapp .header-row2 .header-bar1 { width:100%; float:right; margin:0 0 28px;}
.header-wrapp .header-row2 .header-bar1 .header-bar11 { width:182px; display:inline-block; text-align:left;}
.header-wrapp .header-row2 .header-bar1 img { float:left; margin:0 15px 0 0;}
.header-wrapp .header-row2 .header-bar1 .header-bar12 { width:262px; display:inline-block; text-align:left;}
.header-wrapp .header-row2 .header-bar2 { width:100%; float:right;}
/*.header-wrapp .header-row2 .header-bar2 ul { width:100%; float:left;}*/
/*.header-wrapp .header-row2 .header-bar2 ul li { font-size:15px; display:inline-block; font-weight:500; text-transform:uppercase;}
.header-wrapp .header-row2 .header-bar2 ul li a { color:#000; padding-bottom:14px; display:inline-block; border-bottom:2px solid #fff;}
.header-wrapp .header-row2 .header-bar2 ul li a:hover { color:#16a4ee; border-bottom:2px solid #16a4ee;}
.header-wrapp .header-row2 .header-bar2 ul li:last-child { margin-right:0;}*/

/*banner-wrapp*/
.banner-wrapp h1 { font-size:30px; color:#fff; text-transform:uppercase; font-weight:600; margin:0 0 13px;}
.banner-wrapp p { font-size:16px; color:#fff; font-weight:500; line-height:26px; margin:0 0 27px;}
.banner-wrapp { position:relative;}
.banner-wrapp .banner-row1 { width:100%; float:left; position:relative;}
.banner-wrapp .banner-row1 .banner-bar1 { width:58.1%; float:right;}
.banner-wrapp .banner-row1 .banner-bar1 img { width:100%; display:block;}
.banner-wrapp .banner-row1 .banner-bar2 { width:50%; height:100%; float:left; background:url(../images/banner-thumb/banner-thumb2.png) no-repeat center / 100% 100%; position:absolute; left:0; top:0;}
.banner-wrapp .banner-row1 .banner-bar2 .banner-bar22 { width:62.7%; transform:translateY(-50%); top:50%; position:absolute; left:15.7%;}
.banner-wrapp .banner-btn1 { font-size:16px; color:#ffffff; background:#222222; text-transform:uppercase; padding:9px 14px; transition:all 0.25s ease-out 0s; border:1px solid #222222; display:inline-block;}
.banner-wrapp .banner-btn1:hover { color:#000; background:#FFF;}

/*detier-wrapp*/
.detier-wrapp { padding:50px 0 0;}
.detier-wrapp h2 { font-size:24px; color:#222222; font-weight:600; padding-left:9px; border-left:5px solid #16a4ee; text-transform:uppercase; margin:0 0 15px;}
.detier-wrapp p { font-size:18px; color:#333333; line-height:28px; margin:0 0 27px;}
.detier-wrapp .detier-row1 { width:100%; float:left;}
.detier-wrapp .detier-row1 .detier-left { width:48.7%; float:left;}
.detier-wrapp .detier-row1 .detier-right { width:49.4%; float:right;}
.detier-wrapp .detier-row1 .detier-right  img { width:100%; display:block;}
.detier-wrapp .detier-row2 { width:100%; float:left; margin:19px 0 0;}
.detier-wrapp .detier-row2 img { width:100%; display:block;}

/*enquer-wrapp*/
.enquer-wrapp { padding:50px 0; text-align:center;}
.enquer-wrapp h2 { font-size:24px; color:#222222; font-weight:600; padding-left:9px; border-left:5px solid #16a4ee; text-transform:uppercase; margin:0 0 30px; display:inline-block;}
.enquer-wrapp h3 { font-size:18px; color:#222222; margin:-5px 0 6px; font-weight:600;}
.enquer-wrapp p { font-size:14px; color:#16a4ee; line-height:24px; font-weight:500;}
.enquer-wrapp p span { display:block;}
.enquer-wrapp .enquer-row1 { width:100%; float:left;}
.enquer-wrapp .enquer-row1 .enquer-bar1 { width:31.58%; float:left; padding:11px 0; margin-right:2.63%; border:1px solid #f6f6f6; min-height:259px; -webkit-box-shadow: 2px 5px 14px 0px rgba(246,246,246,0.90); -moz-box-shadow: 2px 5px 14px 0px rgba(246,246,246,0.90); box-shadow: 2px 5px 14px 0px rgba(246,246,246,0.90);}
.enquer-wrapp .enquer-row1 .enquer-bar1:last-child { margin-right:0;}
.enquer-wrapp .enquer-row1 .enquer-bar1 .enquer-bar11 { width:auto; margin:auto;}
.enquer-wrapp .enquer-row2 { width:100%; max-width:700px; margin:auto;}
.enquer-wrapp .enquer-row2 p { font-size:16px; color:#333333; line-height:28px; margin:30px 0 0; display:inline-block;}

/*footer-wrapp*/
.footer-wrapp { background:#0f1e26; padding:25px 0 0; text-align:center;}
.footer-wrapp a { font-size:16px; color:#fff; display:inline-block; font-weight:600; padding:5px 0;}
.footer-wrapp .footer-row1 { width:100%; float:left; margin:0 0 0;}
.footer-wrapp .footer-row1 .footer-bar1 { width:auto; float:none; display:inline-block;}
.footer-wrapp .footer-row1 .footer-bar1 li { float:none; display:inline-block; margin:0 30px 0 0;}
.footer-wrapp .footer-row1 .footer-bar1 li:last-child { margin-right:0;}
.footer-wrapp .footer-row1 .footer-bar1 li a:hover { color:#fff;}
.footer-bar2 li, .footer-bar1 li a { font-size:14px; color:#9ec6db; text-transform:uppercase;}
.footer-wrapp .footer-row2 { width:100%; float:left; padding:0 0 30px;}
.footer-wrapp .footer-row2 .footer-bar2 { width:100%; margin:auto;}
.footer-wrapp .footer-row2 .footer-bar2 .footer-bar11 { width:170px; display:inline-block; margin-right:21px;}
.footer-wrapp .footer-row2 .footer-bar2 img { float:left; margin:0 7px 0 0;}
.footer-wrapp .footer-row2 .footer-bar2 .footer-bar12 { width:255px; display:inline-block;}
.footer-wrapp .footer-row3 { width:100%; float:left; background:#091116; padding:12px 0; text-align:center;}
.footer-wrapp .footer-row3 .footer-bar3 { width:100%; float:left;}
.footer-wrapp .footer-row3 .footer-bar3 .footer-bar4 { width:100%; float:left; font-size:14px; color:#8fa0ab;}
.footer-wrapp .footer-row3 .footer-bar3 .footer-bar4 span { color:#fff; display:none;}
.footer-wrapp .footer-row4 { width:100%; float:left; margin:23px 0 20px;}
.footer-wrapp .footer-row4 img { width:100%; display:block;}

/*inner-wrapp*/
.inner-wrapp { padding:100px 0; background:url(../images/innser-slide/inner-header.jpg) no-repeat center / cover; text-align:left;}
.inner-wrapp h2 { font-size:30px; color:#fff; font-weight:600; margin:0 0 10px;}
.inner-wrapp a { color:#fff;}
.inner-wrapp a:hover { color:#333;}
.inner-wrapp .inner-row1 { width:100%; float:left;}
.inner-wrapp .inner-row1 ul { width:100%; float:left;}
.inner-wrapp .inner-row1 ul li { display:inline-block; font-size:16px; color:#fff; margin-right:3px;}
.inner-wrapp .inner-row1 ul li:last-child { margin:0;}

/*contain-wrapp*/
.contain-wrapp { padding:50px 0; background-color:#f3f3f3;}
.contain-wrapp h2 { font-size:14px; color:#16a4ee; font-weight:700; margin:0 0 15px;}
.contain-wrapp h3 { font-size:17px; color:#333333; font-weight:500; margin:15px 0 0;}
.contain-wrapp p { font-size:16px; color:#333333; line-height:28px; margin:0 0 27px;}
.contain-wrapp .contain-row1 { width:100%; float:left;}
.contain-wrapp .contain-row1 .contain-bar1 { width:730px; float:left;}
.contain-wrapp .contain-row1 .contain-bar2 { width:360px; float:right;}

.contain-wrapp .contain-row1 .contain-bar2 .sidbar-row1 { width:100%; float:left; padding:30px; border-radius:8px; border:1px solid #dbdada;}
.contain-wrapp .contain-row1 .contain-bar2 .sidbar-row1 h2 { font-size:31px; color:#4a4a4a; margin:0 0 25px; font-weight:400;}
.contain-wrapp .contain-row1 .contain-bar2 .sidbar-row1 h2 span { color:#16a4ee;}
.contain-wrapp .contain-row1 .contain-bar2 .sidbar-row1 .sidbar-bar1 { width:100%; float:left;}
.contain-wrapp .contain-row1 .contain-bar2 .sidbar-row1 .sidbar-bar1 .sidbar-fild1 { font-size:14px; color:#4a4a4a; border-radius:8px; border:1px solid #dbdada; background:none; outline:none}
.contain-wrapp .contain-row1 .contain-bar2 .sidbar-row1 .sidbar-bar1 .sidbar-fild2 { width:100%; height:40px; margin-bottom:17px; padding:0 18px;}
.contain-wrapp .contain-row1 .contain-bar2 .sidbar-row1 .sidbar-bar1 .sidbar-fild3 { width:100%; height:80px; margin-bottom:25px; padding:12px 18px;}
.contain-wrapp .sidbar-btn1 { font-size:15px; color:#ffffff; background:#222222; padding:5px 14px; transition:all 0.25s ease-out 0s; border:1px solid #222222; display:inline-block; margin:0; letter-spacing:1px; border-radius:8px;}
.contain-wrapp .sidbar-btn1:hover { color:#000; background:#FFF;}

/*produc-wrapp*/
.produc-wrapp { padding:0 0 25px; background-color:#f3f3f3;}
.produc-wrapp h3 { font-size:17px; color:#333333; font-weight:500; margin:15px 0 0;}
.produc-wrapp .produc-row2 { width:100%; float:left; text-align:center;}
.produc-wrapp .produc-row2 .produc-bar1 { width:215px; display:inline-block; margin:0 12px 25px 0;}
.produc-wrapp .produc-row2 .produc-bar1:nth-child(5) { margin-right:0;}
.produc-wrapp .produc-row2 .produc-bar1 img { width:100%; display:block;}

/*prodin-wrapp*/
.prodin-wrapp .prodin-row1 { width:100%; float:left; margin:0 0 40px;}
.prodin-wrapp .prodin-row1 .prodin-bar1 { width:200px; float:left;}
.prodin-wrapp .prodin-row1 .prodin-bar1 img { width:100%; display:block;}
.prodin-wrapp .prodin-row1 .prodin-bar2 { width:67%; float:right; margin:0;}
.prodin-wrapp .prodin-row1 .prodin-bar2 ul { width:100%; float:left; padding-left:18px;}
.prodin-wrapp .prodin-row1 .prodin-bar2 ul li { list-style:disc; font-size:16px; color:#333333; line-height:28px;}
.prodin-wrapp .prodin-btn1 { font-size:15px; color:#ffffff; background:#222222; padding:9px 14px; transition:all 0.25s ease-out 0s; border:1px solid #222222; display:inline-block; margin:20px 0 0; border-radius:8px;}
.prodin-wrapp .prodin-btn1:hover { color:#000; background:#FFF;}

/*contac-wrapp*/
.contac-wrapp { padding:50px 0 25px; background-color:#f3f3f3;}
.contac-wrapp .contac-row1 { width:100%; float:left;}
.contac-wrapp .contac-row1 .contac-left { width:586px; float:left;}
.contac-wrapp .contac-row1 .contac-left .contac-bar1 { width:100%; float:left;}
.contac-wrapp .contac-row1 .contac-left .contac-bar2 { width:263px; float:left; font-size:16px; color:#040202; line-height:26px; margin:33px 0 0;}
.contac-wrapp .contac-row1 .contac-left .contac-bar2 a { color:#040202;}
.contac-wrapp .contac-row1 .contac-left .contac-bar2 .contac-bar3 { width:100%; float:left; margin:0 0 15px;}
.contac-wrapp .contac-row1 .contac-left .contac-bar2 .contac-bar22 { width:21px; float:left;}
.contac-wrapp .contac-row1 .contac-left .contac-bar2 .contac-bar23 { width:219px; float:right; margin:-2px 0 0;}

.contac-wrapp .contac-row1 .contac-right { width:490px; float:right;}
.contac-wrapp .contac-row2 { width:100%; float:left;}
.contac-wrapp h2 { font-size:31px; color:#4a4a4a; line-height:32px; margin:0 0 36px; font-weight:400;}
.contac-wrapp h2 span { color:#16a4ee;}
.contac-wrapp .contac-row2 .contac-bar11 { width:100%; float:left;}
.contac-wrapp .contac-row2 .contac-bar11 .contac-fild1 { font-size:14px; color:#4a4a4a; border-radius:8px; border:1px solid #dbdada; background:none; outline:none}
.contac-wrapp .contac-row2 .contac-bar11 .contac-fild2 { width:51.6%; height:40px; margin-bottom:17px; padding:0 18px;}
.contac-wrapp .contac-row2 .contac-bar11 .contac-fild3 { width:87.9%; height:143px; margin-bottom:25px; padding:12px 18px;}
.contac-wrapp .contac-btn1 { font-size:15px; color:#ffffff; background:#222222; padding:5px 14px; transition:all 0.25s ease-out 0s; border:1px solid #222222; display:inline-block; margin:0; letter-spacing:1px; border-radius:8px;}
.contac-wrapp .contac-btn1:hover { color:#000; background:#FFF;}

/*resour-wrapp*/
.resour-wrapp p { font-size:16px; color:#333333; line-height:28px; margin:0 0 27px;}
.resour-wrapp { padding:50px 0 25px; background-color:#f3f3f3; text-align:center;}
.resour-wrapp .resour-row1 { width:100%; float:left; margin:0 0 30px;}
.resour-wrapp .resour-row1 .resour-bar1 { width:360px; float:left; margin-right:30px;}
.resour-wrapp .resour-row1 .resour-bar1 img { width:100%; height:auto; display:block}
.resour-wrapp .resour-row1 .resour-bar1:last-child { margin-right:0;}
.resour-wrapp .resour-row2 { width:100%; max-width:700px; margin:auto;}

/*qualit-wrapp*/
.qualit-wrapp .qualit-row1 { width:100%; float:left;}
.qualit-wrapp .qualit-row1 ul { width:100%; float:left; padding-left:18px; margin:0 0 25px;}
.qualit-wrapp .qualit-row1 ul li { list-style:disc; font-size:16px; color:#333333; line-height:28px;}
.qualit-wrapp .about-row1 { width:100%; float:left;}
.qualit-wrapp .about-row1 img { width:100%; display:block;}
.qualit-wrapp .logo-row1 { width:100%; float:left;}
.qualit-wrapp .logo-row1 h2 { margin:20px 0 30px;}
.qualit-wrapp .logo-row1 .logo-bar1 { width:22.75%; float:left; margin-right:3%; text-align:center;}
.qualit-wrapp .logo-row1 .logo-bar1:last-child { margin-right:0;}
.qualit-wrapp .logo-row1 .logo-bar1 img { width:100%; display:block;}

/*about-wrapp*/
.about-wrapp { padding:50px 0 0; background-color:#f3f3f3;}
.about-wrapp .about-row1 { width:100%; float:left;}
.about-wrapp .about-row1 .about-bar1 { width:88%; float:none; margin:0 auto 0;}
.about-wrapp .about-row1 .about-bar1 img { width:100%; display:block;}

/*vision-wrapp*/
.vision-wrapp h3 { color:#16a4ee; font-weight:600; margin:0 0 10px;}
.vision-wrapp .vision-row1 { width:100%; float:left;}

/*gester-wrapp*/
.gester-wrapp { text-align:center; padding:46px 0 57px;}
.gester-wrapp .gester-row1 { width:100%; float:left; margin:0 auto 0;}
.gester-wrapp .gester-row1 img { width:100%; display:block;}
.gester-wrapp .gester-row1 .gester-bar1 { width:14%; float:none; display:inline-block; margin:0 13px 0;}

/*Smartphone css*/
@media screen and (max-width: 480px) {
.margin { width:90%;}

.header-wrapp { position:relative; text-align:center; padding:70px 0 30px;}
.header-wrapp .header-row1 { display:inline-block; float:none;}
.header-wrapp .header-row2 { width:100%; float:none; text-align:center;}
.header-wrapp .header-row2 .header-bar1 { margin:0;}
.header-wrapp .header-row2 .header-bar1 .header-bar11 { margin-bottom:15px; }
.header-wrapp .header-row2 .header-bar1 .header-bar12 { }
.header-wrapp .header-row2 .header-bar2 { position:fixed; top:0; background:#16a4ee; left:0; z-index:99;}

.banner-wrapp { text-align:center;}
.banner-wrapp .banner-row1 .banner-bar1 { width:100%;}
.banner-wrapp .banner-row1 .banner-bar2 { position:relative; top:inherit; transform:none; width:100%; background:none; background-color:#16a4ee; padding:30px 0 80px;}
.banner-wrapp .banner-row1 .banner-bar2 .banner-bar22 { position:relative; top:inherit; width:90%; margin:0 5%; left:inherit; transform:none; background-color:#16a4ee;}

.detier-wrapp { text-align:center;}
.detier-wrapp h2 { display:inline-block;}
.detier-wrapp .detier-row1 .detier-left { width:100%;}
.detier-wrapp .detier-row1 .detier-right { width:100%;}

.enquer-wrapp .enquer-row1 .enquer-bar1 { width:100%; margin-bottom:25px;}

.footer-bar2 li, .footer-bar1 li a { font-size:13px;}
.footer-wrapp .footer-row1 .footer-bar1 li { margin:0 15px 0 0;}
.footer-wrapp .footer-row2 .footer-bar2 .footer-bar11 { margin-right:0; margin-bottom:15px;}

.footer-wrapp .footer-row3 .footer-bar3 .footer-bar4 { width:100%; text-align:center;}
.footer-wrapp .footer-row3 .footer-bar3 .footer-bar4:last-child { text-align:center;}

}

@media screen and (min-width:481px) and (max-width:600px) {
.margin { width:90%;}

.header-wrapp { position:relative; text-align:center; padding:70px 0 30px;}
.header-wrapp .header-row1 { display:inline-block; float:none;}
.header-wrapp .header-row2 { width:100%; float:none; text-align:center;}
.header-wrapp .header-row2 .header-bar1 { margin:0;}
.header-wrapp .header-row2 .header-bar1 .header-bar11 { margin-bottom:15px; }
.header-wrapp .header-row2 .header-bar1 .header-bar12 { }
.header-wrapp .header-row2 .header-bar2 { position:fixed; top:0; background:#16a4ee; left:0; z-index:99;}

.banner-wrapp { text-align:center;}
.banner-wrapp .banner-row1 .banner-bar1 { width:100%;}
.banner-wrapp .banner-row1 .banner-bar2 { position:relative; top:inherit; transform:none; width:100%; background:none; background-color:#16a4ee; padding:30px 0 80px;}
.banner-wrapp .banner-row1 .banner-bar2 .banner-bar22 { position:relative; top:inherit; width:90%; margin:0 5%; left:inherit; transform:none; background-color:#16a4ee;}

.detier-wrapp { text-align:center;}
.detier-wrapp h2 { display:inline-block;}
.detier-wrapp .detier-row1 .detier-left { width:100%;}
.detier-wrapp .detier-row1 .detier-right { width:100%;}

.enquer-wrapp .enquer-row1 .enquer-bar1 { width:100%; margin-bottom:25px;}

.footer-bar2 li, .footer-bar1 li a { font-size:13px;}
.footer-wrapp .footer-row1 .footer-bar1 li { margin:0 15px 0 0;}
.footer-wrapp .footer-row2 .footer-bar2 .footer-bar11 { margin-right:0; margin-bottom:15px;}

.footer-wrapp .footer-row3 .footer-bar3 .footer-bar4 { width:100%; text-align:center;}
.footer-wrapp .footer-row3 .footer-bar3 .footer-bar4:last-child { text-align:center;}
}

@media screen and (min-width:601px) and (max-width:767px) {
.margin { width:90%;}

.header-wrapp { position:relative; text-align:center; padding:70px 0 30px;}
.header-wrapp .header-row1 { display:inline-block; float:none;}
.header-wrapp .header-row2 { width:100%; float:none; text-align:center;}
.header-wrapp .header-row2 .header-bar1 { margin:0;}
.header-wrapp .header-row2 .header-bar1 .header-bar11 { margin-bottom:15px; }
.header-wrapp .header-row2 .header-bar1 .header-bar12 { }
.header-wrapp .header-row2 .header-bar2 { position:fixed; top:0; background:#16a4ee; left:0; z-index:99;}

.banner-wrapp { text-align:center;}
.banner-wrapp .banner-row1 .banner-bar1 { width:100%;}
.banner-wrapp .banner-row1 .banner-bar2 { position:relative; top:inherit; transform:none; width:100%; background:none; background-color:#16a4ee; padding:30px 0 80px;}
.banner-wrapp .banner-row1 .banner-bar2 .banner-bar22 { position:relative; top:inherit; width:90%; margin:0 5%; left:inherit; transform:none; background-color:#16a4ee;}

.detier-wrapp { text-align:center;}
.detier-wrapp h2 { display:inline-block;}
.detier-wrapp .detier-row1 .detier-left { width:100%;}
.detier-wrapp .detier-row1 .detier-right { width:100%;}

.enquer-wrapp .enquer-row1 .enquer-bar1 { width:100%; margin-bottom:25px;}

.footer-bar2 li, .footer-bar1 li a { font-size:13px;}
.footer-wrapp .footer-row1 .footer-bar1 li { margin:0 15px 0 0;}
.footer-wrapp .footer-row2 .footer-bar2 .footer-bar11 { margin-right:0; margin-bottom:15px;}

.footer-wrapp .footer-row3 .footer-bar3 .footer-bar4 { width:100%; text-align:center;}
.footer-wrapp .footer-row3 .footer-bar3 .footer-bar4:last-child { text-align:center;}
}

@media screen and (min-width:768px) and (max-width:900px) {
.margin { width:90%;}

.banner-wrapp h1 { font-size:26px;}
.banner-wrapp p { font-size:15px; line-height:25px;}
.banner-wrapp .banner-row1 .banner-bar2 .banner-bar22 { width:85%; left:10.7%;}

.detier-wrapp h2 { font-size:21px;}
.detier-wrapp p { font-size:15px; line-height:25px;}
.enquer-wrapp h3 { font-size:16px;}

}

@media screen and (min-width:901px) and (max-width:1023px) {
.margin { width:90%;}

.banner-wrapp .banner-row1 .banner-bar2 .banner-bar22 { width:85%; left:10.9%;}

}

@media screen and (min-width:1024px) and (max-width:1240px) {
.margin { width:90%;}

.banner-wrapp .banner-row1 .banner-bar2 .banner-bar22 { width:85%; left:10%;}
}