@charset "UTF-8";
/*
Theme Name: CSI
Theme URI: http://velocityconsultancy.com
Author: Velocity Consultancy Team
Author URI: http://velocityconsultancy.com/
Description: Velocity Consultancy
Requires at least: WordPress 4.9.6
Version: 1.2
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: CSI
Tags: one-column, flexible-header, accessibility-ready, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, rtl-language-support, sticky-post, threaded-comments, translation-ready

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

Twenty Nineteen is based on Underscores https://underscores.me/, (C) 2012-2018 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Variables
# Normalize
# Typography
	## Headings
	## Copy
# Elements
	## Lists
	## Tables
# Forms
	## Buttons
	## Fields
# Navigation
	## Links
	## Menus
	## Next & Previous
# Accessibility
# Alignments
# Clearings
# Layout
# Widgets
# Content
	## Archives
	## Posts and pages
	## Comments
# Blocks
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/
/*
 * Chrome renders extra-wide   characters for the Hoefler Text font.
 * This results in a jumping cursor when typing in both the Classic and block
 * editors. The following font-face override fixes the issue by manually inserting
 * a custom font that includes just a Hoefler Text space replacement for that
 * character instead.
 */
 @font-face { font-family: 'titillium-light'; src:url("https://completesecurity.co.nz/wp-content/themes/csi/fonts/titilliumweblight.ttf")  format("truetype");}
 @font-face { font-family: 'titillium-regular'; src:url("https://completesecurity.co.nz/wp-content/themes/csi/fonts/titilliumwebregular.ttf")  format("truetype");}
 @font-face { font-family: 'montserrat-extra-bold'; src:url("https://completesecurity.co.nz/wp-content/themes/csi/fonts/montserratextrabold.ttf")  format("truetype");}
 html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, and, address, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, tt, var, b, u, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video, input, textarea, select { background: transparent; border: 0;font-size:100%; margin: 0; outline: 0; padding: 0; vertical-align: baseline; }
 article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
 abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; font-family: 'titillium-light';}
 blockquote, q {quotes: none;}
 blockquote:before, blockquote:after, q:before, q:after {content: none}
 del {text-decoration: line-through}
 hr { background: transparent; border: 0; clear: both; color: transparent; height: 1px; margin: 0; padding: 0}
 mark { background-color: #ffffb3; font-style: italic}
 input, select {vertical-align: middle}
 ins {background-color: red;color: white;text-decoration: none}
 ol, ul {list-style: none}
 .clear {clear: both;display: block;height: 0;overflow: hidden;visibility: hidden;width: 0;}
 .clearfix:after { clear: both; content: ' '; display: block; font-size: 0; height: 0; line-height: 0; visibility: hidden; width: 0;}
 * html .clearfix, :first-child+html .clearfix {zoom: 1}
 a { text-decoration: none; color: #000;}
 a:hover {text-decoration: none;}
 .align-left {text-align: left;}
 .align-right {text-align: right;}
 .align-center {  text-align: center;}
 img{ max-width:100%;  height:auto;}
 h1,h2,h3,h4,h5,h6 {font-family: 'montserrat-extra-bold'; color:#222222;}
 body {font-family: 'titillium-light';font-size: 16px;line-height: 1.42857143;color: #fff;}
 .container{ max-width:1170px !important; width:100% !important;}
 .flex { display: flex; flex-flow: row wrap;}
 .flex-50 {flex: 0 0 50%;}
 .text-red{ color: #be1e2d !important;}
 .text-white{ color: #fff !important;}
 .text-gray, .text-gray a{ color: #bcbec0 !important;}
 .text-dark-gray{ color: #414042 !important;}
 .panel-grid{ margin-bottom: 0px !important;}
 .page .entry-header{ display: none;}
 .relative{ position: relative;}
 .overflow-hidden{overflow: hidden;}
 .margin-bottom-25 {margin-bottom: 25px;}
 .margin-bottom-50 {margin-bottom: 50px;}
 .text-big {font-size: 20px;}
 .mid-gray, .mid-gray a{ color: #999 !important;}
.block{ display: block;}

/* Header */
.right-header-inner{text-align: right; margin-top: 6%;}
.top-header {background: #000; border-bottom: 3px solid #991521;}
.right-header{ padding-left: 0px; position: initial;}
.logo{ padding-right: 0;}
.right-header-inner > div {display: inline-block;}
.section.section-1, .section.section-2 {margin-right: 2%;}
.section-2 > div {display: inline-block;}
.section-2 .phone p{font-size: 20px; line-height: 30px;}
.section-2 img{ margin: 0 7px; position: relative; top: 5px; max-width: 35px;}
.section.section-3 {margin-left: 5%;}
.section-1 p{ font-family: 'titillium-regular'; font-size: 16px; line-height: 37px; letter-spacing: 3px;}
.hover {display: none;}
.map:hover .hover, .time:hover .hover{ display: block; position: absolute; left: 35.5%; color: #666; bottom: 35%;}



/* Menu */
#responsive-menu-container{transform: translateY(106px) !important; -ms-transform: translateY(106px) !important; -webkit-transform: translateY(106px) !important; -moz-transform: translateY(106px) !important; position: absolute !important; height: 0; transition: height 0.5s ease-out; left: 42px; background-color: transparent !important; overflow-y: hidden !important;}
#responsive-menu-container #responsive-menu-wrapper{ background: transparent !important;}
.top-header .container {position: relative;}
.responsive-menu-accessible.is-active + #responsive-menu-container{ height: 300px; transition: height 0.5s ease-out;}
#responsive-menu li a{border-bottom: 1px solid#fff !important; margin: 0 20px; padding: 0 !important; width: 78% !important; background-color: transparent !important;}
.responsive-menu-submenu {background: rgba(67,67,69,0.9); position: absolute; left: 100%; top: 0;}
#responsive-menu-container li.responsive-menu-item{ position: relative;}
.responsive-menu-submenu li a{ border: 0px !important;}
#responsive-menu-container #responsive-menu{ width: 45% !important; background-color:rgba(89,89,91,0.8) !important; padding-bottom: 15px;}
#responsive-menu-container #responsive-menu ul.responsive-menu-submenu{position: absolute; left: 100%; padding-bottom: 15px;}
.responsive-menu-subarrow { top: 9px !important; background: transparent !important;}
.menu-item-has-children:hover .responsive-menu-submenu{ display: block !important;}

/* Footer */
footer{ background-color: #6d6e71;}
footer p{ font-size: 14px; padding: 15px 0; font-family: 'titillium-regular'; color: #999 !important;}

/* Home */
#home-slider .rolo_wrapper{overflow: hidden;}
#main { position: relative;}
#slider-content { position: absolute; top: 0; max-width: 1200px; left: 0; right: 0; padding: 0 15px; margin: auto;}
.banner-text { max-width: 700px; float: left; margin-left: 10.5%;}
.banner-text h1 { font-size: 52px; line-height: 56px; font-family: 'montserrat-extra-bold'; margin-top:30px;}
.banner-btn a { color: #fff; font-family: 'titillium-light'; font-size: 24px; letter-spacing: 6px; border: 1px solid #d6d1d1; padding: 2px 55px; display: inline-block; margin-top: 8%; }
.banner-contact-form { max-width: 345px; background: #bcbec0; padding: 20px 15px 0; position: absolute; top: 0; right: 30px; z-index: 1;}
.banner-contact-form h3 { font-family: 'titillium-regular'; font-weight: bold; margin-bottom: 15px; font-size: 18px;}
.banner-contact-form p { color: #444; font-weight: 600; margin-bottom: 15px; line-height: 1.2; font-size:14px;}
.banner-contact-form form .field { margin-bottom: 5px;}
.banner-contact-form form .field label{ width: 70px; color: #444; font-weight: 600; font-size: 14px;}
.wpcf7-list-item-label{color: #444; font-weight: 600; font-size: 14px;}
.banner-contact-form form .field input[type="text"], .banner-contact-form form .field input[type="tel"], .banner-contact-form form .field textarea{ width: 76%; background: #fff; padding: 0 10px;}
.banner-contact-form .wpcf7-list-item label{ width: 100% !important;}
#vehicle .wpcf7-list-item.first{ margin-left: 0px;}
.banner-contact-form .wpcf7-acceptance .wpcf7-list-item{margin-left: 23%;}
.banner-contact-form #message{height: 160px;}
.banner-contact-form #submit { background: #be1e2d !important; color: #fff; font-size: 20px; font-weight: bold; padding: 6px 10px; margin-left: 23%; width: 76%;}
#close {position: absolute;bottom: 0;}
.close {font-family: 'montserrat-extra-bold'; cursor: pointer;}
.wpcf7-response-output{color: #444;}
.banner-img { position: absolute; right: 5%; top: 51%;}
.mobile-btn, .mobile-View{ display: none;}


/* .banner-img img {max-width: 250px;} */
.service-bg { background: url('https://completesecurity.co.nz/wp-content/uploads/2020/02/service-bg-scaled.jpg'); background-size: cover; background-position: center; background-repeat: no-repeat; position: relative; min-height: 350px; border-top: 3px solid #991521;}
.service { position: absolute; top: -75px; max-width: 1170px; margin: auto; right: 0; left: 0; background: #231f20; box-shadow: 0px 9px 1px -3px #666;}
.service-view {padding: 50px 30px;}
.service .row > div{border-bottom: 1px solid #000; padding: 0px;}
.service .row > div:nth-child(3n-1){ border-left: 1px solid #000; border-right: 1px solid #000;}
.service-inner .heading h3{font-size: 24px; line-height: 30px; padding: 15px 0;}
.service-hover { padding: 25px; position: absolute; top: 0; height: 0; display: none; text-align: left;}
.service-hover p{ font-size: 14px; line-height: 22px;}
.service-hover a{ font-size: 14px; line-height: 22px;}
.service-inner:hover .service-hover{ height: 100%; display: block; }
.service .row > div:nth-child(even) .service-hover{ background: #991521;}
.service .row > div:nth-child(odd) .service-hover p, .service .row > div:nth-child(odd) .service-hover a{color: #58595b; }
.service .row > div:nth-child(odd) .service-hover{ background: #d1d3d4;}
.service .row > div:nth-child(even) .service-hover p, .service .row > div:nth-child(even) .service-hover a{color: #bcbec0; }
.read-more { border: 1px solid; padding: 5px 5px 10px; display: inline-block; margin-top: 10px;}
.other-service {padding: 135px 0;}
.other-service-inner.inner-1 ul {margin-bottom: 5%;}
.other-service-inner.inner-1 li{ display: inline-block;}
.other-service-inner.inner-1 li  a{display: inline-block; font-size: 25px; line-height: 25px; color: #414042; border-right: 2px solid #991521; margin-right: 15px; padding-right: 15px;}
.other-service-inner.inner-1 li:last-of-type a{ border-right: 0px;}
.other-service-inner.inner-1 { text-align: center; width: 100%;}
.other-service-main-text { font-size: 28px; line-height: 36px; padding-bottom: 30px;}
.other-service-inner.inner-3 p {columns: 2; column-gap: 50px; color: #414042; line-height: 1.7;}
.products-bg { background: #000; position: relative;}
.products { position: relative; top: -75px; max-width: 1170px; margin: auto; right: 0; left: 0; background: #fff; padding: 50px 5% 20px;}
.product-name { color: #6d6e71; font-size: 16px; line-height: 22px;}
.product-inner {padding-bottom: 30px;}
.product-title {font-size: 35px;line-height: 45px;margin-bottom: 30px;color: #7c7e81;}
.view-more {color: #808285;font-size: 25px;border: 1px solid;display: inline-block;padding: 2px 35px; margin: 20px 0 30px;}
.product-brand li {display: inline-block;padding: 0 1%;}
.product-brand img {max-height: 85px;}
.footer-section-bg{background:#939598;position: relative;}
.footer-section{position: relative; top: -75px; max-width: 1170px; margin: auto; right: 0; left: 0; box-shadow: 0px 9px 1px -3px #666;}
.footer-section-left {background: #414042;}
.footer-section-right{padding: 0px; margin-bottom: -5px;} 
.footer-inner {padding: 10% 0 20px 18%;}
.contact-info {padding-top: 25px;}
.contact-info ul li { color: #a7a9ac; padding-left: 30px; padding-bottom: 20px; font-size: 14px; position: relative;}
.contact-info ul li a{ color: #a7a9ac; font-size: 14px;}
.contact-info ul li:before{ color: #991521; left: 0; top: 0; font-size: 18px; font-family: 'FontAwesome'; position: absolute;}
.contact-info ul li.location:before{content: '\f041';}
.contact-info ul li.phone:before{content: '\f10b';}
.contact-info ul li.email:before{content: '\f1fa';}
.contact-info ul li.web:before{content: '\f0ac';}

/* Contact US */
.contact-page-detail { background: #000; border-top: 3px solid #991521; padding: 4% 0 10%;}
.contact-page-detail .contact-info ul li, .contact-page-detail .contact-info ul li a{font-size: 18px;}
.contact-page-detail .contact-info ul li::before{font-size: 20px;}
.contact-info ul li{padding-bottom: 25px;}
.page-section-title .section-heading { font-family: 'titillium-regular'; color: #bcbec0; font-size: 30px;}
.contact-page-detail .web{ padding-bottom: 0;}
.page-section-title {position: relative;}
.section-heading.outside {position: absolute; right: -31%; top: 0;}
.contact-page-detail .contact-info { margin-top: 25px; border-right: 2px solid #991521;}
.contactform {padding-left: 25%;}
.contactform .field{ flex: 0 0 100%; margin-bottom: 20px;}
.contactform .field.flex-50 {flex: 0 0 50%;}
.contact-form label {width: 80px;}
.contact-form input, .contact-form textarea { background: #bcbec0; width: 83%; padding: 3px; max-height: 125px;}
.contact-form .flex-50 input {width: 66%;}
.contact-form .flex-50:last-of-type label{ text-align: right;}
.submit #submit { background: #991521; color: #828282; font-weight: 900; width: 88px; clear: both; margin-left: 15px;}
.submit #submit:hover{ color: #fff;}
.contact-form .submit { float: right; width: auto;}
.contact-form .ajax-loader{ display: block !important;}
.contact-page-detail-inner { max-width: 1050px; margin: auto;}
.contact-form  .wpcf7-mathcaptcha {width: 30px !important;}
.cap-submit{display: flex; justify-content: end;}
.mathcaptcha{float: left; width: auto;}
.wpcf7-response-output{ color: #fff;}

/* Testimonial */
.testimonial-page { background: #231f20; padding: 4% 0 10%;}
.testimonials {padding-top: 40px;}
.inner-testimonial { max-width: 930px; margin: auto;}
.text-red.testimonial-heading { font-family: 'titillium-regular'; font-size: 24px; padding-bottom: 30px;}
.testimonial-content { padding-bottom: 30px;}
.testimonial-author {text-align: right;font-size: 28px;}
.testimonial-list { position: relative; padding-bottom: 20px; margin-bottom: 50px;}
.testimonial-list::after { content: ""; position: absolute; bottom: -3px; left: -3px; right: -3px; height: 2px; background-image: url('https://completesecurity.co.nz/wp-content/uploads/2019/12/line.jpg'); background-size: cover; background-repeat: no-repeat; background-position: center;} 
.testimonial-list:last-of-type:after{ display: none;}
.testimonial-list:last-of-type{margin-bottom: 0; padding-bottom: 0;}
.testimonial-list-content, .testimonial-page .page-section-title { max-width: 650px; margin: auto;}

/* Product */
.product-page {padding: 4% 0;}
.product-page .section-heading{color: #414042;}
.product-page .other-service-inner.inner-1{text-align: left;}
.product-page .other-service-inner.inner-1 li a{font-size: 22px; margin-top: 15px; color: #bcbec0;}
.product-content-inner {max-width: 850px;}
.productname { color: #414042; font-size: 22px; font-weight: 900;}
.product-content-inner p {color: #414042;margin-bottom: 25px;}
.more-products {padding-top: 25px;margin-top: 35px;border-top: 1px solid #414042; max-width: 1050px;}
.common-selection {color: #414042;padding-bottom: 25px;}
.product-content-inner p:last-of-type{ margin-bottom: 0px;}

/* About Us */
.about-bg { background: url('https://completesecurity.co.nz/wp-content/uploads/2019/12/CSI-about-us-3.jpg'); position: relative; background-size: cover; background-position: center; background-repeat: no-repeat;margin-bottom: -135px; border-top: 3px solid #991521;}
.inner-about { background: #231f20; position: relative; max-width: 1170px; margin: auto; padding: 50px 5% 100px; top: -135px;}
.about-content .other-service-inner.inner-1 {text-align: left;}
.about-content .other-service-inner.inner-1 li a{font-size: 22px; margin-top: 10px; color: #999;}
.about-content a{ color: #414042;}
.about-page .footer-section{top: 0; box-shadow: none; padding-bottom: 75px;}
.page-banner img{display: block;}

/* Service */
.services-bg { background: url('https://completesecurity.co.nz/wp-content/uploads/2019/12/background.jpg'); position: relative; background-size: cover; background-position: center; background-repeat: no-repeat;margin-bottom: -135px; border-top: 3px solid #991521;}
.inner-service { background: #231f20; position: relative; max-width: 1170px; margin: auto; padding: 50px 5% 100px; top: -135px;}
.service-content .other-service-inner.inner-1 {text-align: left;}
.service-content .other-service-inner.inner-1 li a{font-size: 22px; margin-top: 10px;  color: #999;}
.service-page .footer-section{top: 0; box-shadow: none; padding-bottom: 75px;}
.services { position: relative; padding-bottom: 5%; margin-bottom: 8%;}
.services::after { content: ""; position: absolute; bottom: -3px; left: -3px; right: -3px; height: 1px; background-image: -moz-linear-gradient(left,#231f20, #a7a8aa,#231f20); background-image: -webkit-linear-gradient(left,#231f20, #a7a8aa,#231f20); background-image: linear-gradient(left,#231f20, #a7a8aa,#231f20);}
.services:last-of-type::after{background-image: none;}
.services img{ margin-bottom: 15px;}
.services img:last-of-type{ margin-bottom: 0;}

/* Social Side Bar */
.side-icon {  display: inline-block; margin-top: -4px;}
.social-sec { width: auto; float: left; position: fixed; right: -288px; top: 0px; transition: right 0.4s ease-in-out; -o-transition: right 0.4s ease-in-out; -ms-transition: right 0.4s ease-in-out; -moz-transition: right 0.4s ease-in-out; -webkit-transition: right 0.4s ease-in-out; display: flex; justify-content: center;overflow:hidden;}
.social-sec.facebook-sec { top: 200px; }
.social-sec.insta-sec { top: 320px;}
.social-sec.facebook-sec:hover { right: 0px; z-index:1;}
.social-sec.insta-sec:hover { right: 0px;}
.social-sec.facebook-sec .media-sec { overflow-X: scroll; } 
.media-sec { width: 288px !important; height: 350px !important; background: #fff; padding: 10px; font-size: 14px; overflow-y: scroll; overflow-x: hidden;}
.fts-powered-by-text-popup a.fts-powered-by-text { display: none !important;}
.social-img { width: 52px; background: #bcbec0;}

/* Photo Gallery */
.photo-gallery-page { background: #000; padding-bottom: 20%;}
.photo-gallery-page .n2-section-smartslider {border-bottom: 3px solid #991521;}


/* Coming Soon */
.bigtext { text-align: center; margin: 15%;}
.bigtext h1 {font-size: 40px;}


/* Sprite */
.sprite { background-image: url('https://completesecurity.co.nz/wp-content/uploads/2020/02/spritesheet.png'); background-repeat: no-repeat; display: block;}
.sprite-Automotive-Key-services { width: 74px; height: 74px; background-position: -5px -5px; margin:auto;}
.sprite-Key-Cutting-Services { width: 74px; height: 74px; background-position: -89px -5px; margin:auto;}
.sprite-Safes-and-Locks-2 { width: 74px; height: 74px; background-position: -5px -89px; margin:auto;}
.sprite-Security-Bollards { width: 74px; height: 74px; background-position: -89px -89px; margin:auto;}
.sprite-Security-Doors { width: 74px; height: 74px; background-position: -173px -5px; margin:auto;}
.sprite-map { width: 45px; height: 45px; background-position: -173px -89px;}
.sprite-time { width: 45px; height: 45px; background-position: -228px -89px;}

/* 404 */
.error404 main{ padding: 4% 0 10%; background: #231f20;}
.search-field { border: 1px solid #fff; padding: 7px 10px; color: #fff;}
.search-submit { background: #991521; color: #fff; font-weight: 900; padding: 8px;}
.search-form{ padding-top: 20px;}
.error-404 .page-title{ color: #fff; margin-bottom: 15px;}
.search-form .screen-reader-text{ display: none;}


/* Search Result */
.search main{ padding: 4% 0 10%; background: #231f20;}
.search article{ padding-bottom: 30px;}
.screen-reader-text { color: #fff; padding-right: 10px;}
.page-numbers, .nav-next-text, .screen-reader-text{ color: #fff;}
.svg-icon{ fill: #fff;}

@media only screen and (min-width: 2000px) 
{
	.service{top: -100px;}
	.page-banner img{width: 100%;}
}
@media only screen and (min-width: 1600px) 
{

}
@media only screen and (min-width: 1440px) and (max-width: 1599px)
{


}
@media only screen and (min-width: 1201px) and (max-width: 1439px) {

}

@media only screen and (max-width: 1200px) 
{
	.container, #slider-content, .service, .products, .footer-section, .inner-about, .inner-service{max-width: 960px !important;}
	.section.section-1, .section.section-2 {margin-right: 0;}
	.right-header-inner{margin-top: 5%;}
	#responsive-menu-container { transform: translateY(89px) !important; -ms-transform: translateY(89px) !important; -webkit-transform: translateY(89px) !important; -moz-transform: translateY(89px) !important;}
	.banner-img{right: 0;}
	.service-hover {padding: 15px;}
	.other-service-inner {padding: 0 15px;}
	.products{padding: 50px 0% 20px;}
	.product-brand img {max-height: 79px;}
	.other-service-inner.inner-1 li a{font-size: 22px; margin-bottom: 15px;}
	.banner-contact-form{right: 18px;}
	.contact-form .flex-50 input {width: 63%;}
	.contact-form input, .contact-form textarea{width: 81%;}
	.submit #submit{margin-right: 3px;}
	.product-page .other-service-inner.inner-1, .about-content .other-service-inner.inner-1, .service-content .other-service-inner.inner-1 { padding: 0px;}
	.product-page .other-service-inner.inner-1 li a, .about-content .other-service-inner.inner-1 li a, .service-content .other-service-inner.inner-1 li a{font-size: 20px;}
	.about-content .other-service-inner.inner-1 li a, .service-content .other-service-inner.inner-1 li a{margin-right: 5px; padding-right: 10px;}
	.map:hover .hover, .time:hover .hover{left: 26%;}
}

@media only screen and (max-width: 991px)
{
	.container, #slider-content, .service, .products, .footer-section, .inner-about, .inner-service{max-width: 720px !important;}
	#responsive-menu-container { transform: translateY(65px) !important; -ms-transform: translateY(65px) !important; -webkit-transform: translateY(65px) !important; -moz-transform: translateY(65px) !important;}
	.section-1 p{font-size: 15px; letter-spacing: 1px;}
	.section-2 img {margin: 0 4px; max-width: 25px;}
	.section-2 .phone p {font-size: 16px;}
	.section.section-3 {margin-left: 2%;}
	.responsive-menu-box, button#responsive-menu-button { width: 25px !important; height: 25px !important;}
	.responsive-menu-inner, .responsive-menu-inner::before, .responsive-menu-inner::after{width: 25px !important;}
	.banner-text{margin-left: 6%; max-width: 475px;}
	.banner-text h1 { font-size: 35px; line-height: 38px; }
	.banner-btn a{font-size: 20px;padding: 2px 25px;}
	.banner-img {max-width: 200px;}
	/* .n2-ss-slider-1{height: 475px !important;} */
	.service-hover {padding: 5px;}
	.service-hover a {font-size: 12px; line-height: 12px;}
	.read-more{margin-top: 5px;}
	.service{top: -125px;}
	.banner-contact-form{right: 18px;}
	#responsive-menu-container{ left: 32px;}
	.product-brand img {max-height: 60px;}
	.section-heading.outside{ display: none;}
	.contactform {padding-left: 0;}
	.contact-form .flex-50 input {width: 58%;}
	.contact-form input, .contact-form textarea{width: 79%;}
	.contact-form label {width: 65px;}
	.product-page .other-service-inner.inner-1 li a{font-size: 17px;margin-right: 5px; padding-right: 5px;}
	.about-content .other-service-inner.inner-1 li a, .service-content .other-service-inner.inner-1 li a{font-size: 17px; line-height: 16px;}
	.about-bg{margin-bottom: -65px;}
	.inner-about{top: -65px;}
	.map:hover .hover, .time:hover .hover{left: 26%; font-size: 14px; bottom: 40%;}
}


@media only screen and (max-width: 767px)
{
	.container, #slider-content{max-width: 540px !important;}
	.service, .products, .footer-section, .service .container, .footer-section .container{max-width: 100% !important;}
	.section.section-1, .section.section-2, .other-service, .products-bg{ display: none;}
	.logo img {max-width: 200px;}
	.right-header-inner {margin-top: 30px;}
	#responsive-menu-container { transform: translateY(78px) !important; -ms-transform: translateY(78px) !important; -webkit-transform: translateY(78px) !important; -moz-transform: translateY(78px) !important;}
	.banner-img {max-width: 180px;}
	.banner-text h1{margin-top: 40%;font-size: 25px; line-height: 32px; max-width: 300px;}
	.banner-btn{ display: none;}
	.banner-text {margin-left: 4%; max-width: 95%; width: 95%;}
	.banner-img{top: 0;}
	.mobile-btn, .mobile-View, .mobile-View .other-service{ display: block;}
	.mobile-btn span a{font-size: 17px; letter-spacing: 3px; padding: 5px 10px; display: inline-block; margin-top: 26px;}
	.mobile-btn .phone-us a, .mobile-btn .enquire-here a:hover { background: #be1e2d; color: #fff;}
	.mobile-btn .enquire-here a, .mobile-btn .phone-us a:hover { background: #fff; color: #6d6e70;}
	.service, .footer-section {top: 0; position: relative; box-shadow: none;}
	.mobile-view-service {background: #000;padding: 15px;position: relative;}
	.service-view {padding: 25px;}
	.mobile-view-service .service-view {padding: 15px;}
	.mobile-view-service .service-inner .heading h3 { font-size: 14px; line-height: 20px; padding: 10px 0;}
	.mobile-view-service::before { position: absolute; color: #000; content: '\f0d7'; bottom: -21px; font-size: 74px; font-family: 'FontAwesome'; margin: auto; width: 95%; text-align: center; line-height: 25px;}
	.other-service {padding: 30px 10% 20px;background: #bbbdbf;}
	.other-service-main-text { font-size: 20px; line-height: 36px; padding-bottom: 30px;}
	.footer-section .row{flex-flow: column-reverse;}
	#home-slider .n2-ss-slider-1{height: 420px !important;}
	.mobile-view-service .service-img img {max-height: 50px;}
	.footer-inner { padding: 7% 0; max-width: 230px; margin: auto;}
	footer p{padding: 15px;}
	.service-bgs{border-top:0px}
	.service .row > div{border-bottom: 1px solid #fff;}
	.service-hover {padding: 15px;}
	.mobile-View .service .row > div{border-bottom: 1px solid #000;}
	.service .row > div:nth-child(3n-1){ border-left: none; border-right: none;} 
	.mobile-View .service .row > div:nth-child(3n-1){ border-left: 1px solid #000; border-right: 1px solid #000;}
	footer p {font-size: 12px;}
	.contact-page-detail .contact-info{padding-top: 0px; border-right: 0; padding-bottom: 40px;}
	.contact-form input, .contact-form textarea {width: 86% !important;}
	.contactform .field.flex-50 {flex: 0 0 100%;}
	.contactform .align-right{ text-align: left;}
	.contact-page-detail, .testimonial-page, .inner-about, .inner-service, .product-page, .error404 main, .search main{padding: 40px 0;}
	.testimonials {padding-top: 20px;}
	.text-red.testimonial-heading { font-size: 20px; padding-bottom: 15px;}
	.testimonial-content{padding-bottom: 15px;}
	.testimonial-list{margin-bottom: 30px;}
	.testimonial-author{font-size: 24px;}
	.page-section-title .section-heading{font-size: 24px;}
	.other-service-inner.inner-1 li a{ margin-bottom: 0;}
	.productname{margin-top: 15px;}
	.more-products{margin-top: 0px;}
	.about-bg, .services-bg{margin-bottom: 0px;}
	.inner-about, .inner-service {top: 0;}
	.about-page .footer-section, .service-page .footer-section{padding-bottom: 0;}
	.service-right{ padding-top: 25px;}
	.services {padding-bottom: 20px; margin-bottom: 20px;}
	.services:last-of-type{ padding-bottom: 0; margin-bottom: 0;}
	.photo-gallery-page {padding-bottom: 0;}
	.cap-submit{flex: 0 0 98.5% !important;}
}

@media only screen and (max-width: 576px) 
{
	.banner-img {right: 3%; max-width: 120px; top: 15px;}
	.banner-text{margin-left: 5%;}
	.banner-text h1{margin-top: 140px;}
	#home-slider .n2-ss-slider-1 {height: 360px !important;}
	.banner-contact-form #message {height: 65px;}
	.banner-contact-form #submit{font-size: 16px; padding: 5px 10px;}
	.banner-contact-form{padding: 15px 15px 0; right: 14px; max-width: 330px;}
	.banner-contact-form h3, .banner-contact-form p{margin-bottom: 7px;}
	.banner-contact-form form .field input[type="text"], .banner-contact-form form .field input[type="tel"], .banner-contact-form form .field textarea{width: 75%;}
	.mobile-view-service .service-img img {max-height: 40px;}
	button#responsive-menu-button{margin-right: 33px !important;}
	.responsive-menu-box, button#responsive-menu-button{width: 50px !important; height: 35px !important;}
	.responsive-menu-inner, .responsive-menu-inner::before, .responsive-menu-inner::after {width: 50px !important; height: 4px;}
	.responsive-menu-inner::before {top: -12px !important;}
	.responsive-menu-inner::after {bottom: -12px !important;}
	.responsive-menu-boring.is-active .responsive-menu-inner::after{top: 0px !important;}
	.contact-form input, .contact-form textarea {width: 100% !important;}
	.margin-bottom-50 {margin-bottom: 25px;}
	#responsive-menu-container {left: 15px;}
	#responsive-menu li a{margin: 0 5px; width: 90% !important;}
	.error404 main, .search main{ padding: 40px 15px;}
	.cap-submit{flex: 0 0 97% !important;}
}