body { font-family:var(--primary-font-family); background-color: var(--white-color); color:var(--black-color);  font-weight:var(--font-weight-400); letter-spacing:var(--letter-spacing-05); font-size:14px; line-height:20px; margin:0;  padding:0; white-space:normal; visibility:inherit; text-align:inherit; border:0px; font-stretch:inherit; overflow-x: hidden !important; transition: background 0.2s linear;}

html{height:100%; margin-bottom:0px;}

* { margin: 0; padding: 0; outline: 0; }

body, div, section, a, p, aside, span, ul, li, dl, header, footer, h1, h2, h3, h4, h5, h6 {text-decoration: none; outline: none; border: none; padding: 0; margin: 0; list-style: none;}

/*custom scrollbar*/
/* width */
::-webkit-scrollbar {width:10px;}
/* Track */
::-webkit-scrollbar-track {background:var(--text-color); }
/* Handle */
::-webkit-scrollbar-thumb {background:var(--black-color); }
/* Handle on hover */
::-webkit-scrollbar-thumb:hover {background:var(--primary-color); }
/*custom scrollbar*/

/*LOADER*/
.no-js #loader { display: none;}
.js #loader {display: block; position: absolute; left: 100px; top: 0;}
.se-pre-con {position: fixed; left: 0px; top:0px; width: 100%; height: 100%; z-index: 99999; background: url(../images/Preloader.gif) center no-repeat var(--primary-color);}
/*LOADER*/

/*TEXT SELECTION*/
::-moz-selection {/* Code for Firefox */ color:var(--white-color); background:var(--primary-color);}
::selection {color:var(--white-color); background:var(--primary-color);}
/*TEXT SELECTION*/

h1, h2, h3, h4, h5 {text-transform:uppercase; font-weight:var(--font-weight-900); letter-spacing: var(--letter-spacing-2);}

.heading { margin-bottom:15px; margin-top:15px; padding:0; }
.heading h1 {font-size:45px; line-height:50px; color:var(--black-color); margin:0; padding:0;}
.heading h2 {font-size:40px; line-height:45px; color:var(--black-color); margin:0; padding:0;}
.heading h3 {font-size:18px; line-height:25px; color:var(--primary-color); margin:0px; padding: 0; }
.heading h4 {font-size:25px; line-height:35px; color:var(--primary-color); margin:0; padding: 0; }
.heading h5 {font-size:18px; line-height:25px; color:var(--black-color); margin:0; padding: 0; }
.heading h5 span {color:var(--primary-color); }
.heading h6 {font-size:17px; line-height:25px; color:var(--black-color); margin-bottom:0; margin-top:5px; padding:0;  text-transform: capitalize; font-weight:var(--font-weight-600); letter-spacing: var(--letter-spacing-1); }
.heading h6 a {color:var(--primary-color); font-weight:var(--font-weight-900);}
.heading h6 a:hover {color:var(--text-color);}

p { color:var(--text-color); font-size:15px; line-height:22px; margin-bottom:15px; margin-top:15px; padding:0; font-weight:var(--font-weight-400); letter-spacing: var(--letter-spacing-1);}
p a {color:var(--black-color); font-weight:var(--font-weight-600); transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s;}
p a:hover {color:var(--primary-color); transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s;}
p span {color:var(--primary-color); font-weight:var(--font-weight-700);}
p strong {color:var(--black-color); font-weight:var(--font-weight-800);}

/**HEADER**/
.top { background:var(--primary-color);}

/*CALL NOW*/
.call-now { display:block; }
.call-now ul {  margin:0; padding:0; list-style:none;}
.call-now ul li { display:inline-block; font-size:14px; color:var(--light-colour); line-height:35px; margin:0 15px 0 0; padding: 0; font-weight:var(--font-weight-600); letter-spacing:var(--letter-spacing-1);}
.call-now ul li:last-child { margin-right:0;}
.call-now ul li a { color:var(--light-colour); transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s;}
.call-now ul li a:hover {color:var(--white-color); transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s;}
.call-now ul li i {width: auto; height: 35px; line-height: 35px; text-align: center; color:var(--light-colour); margin-right:5px; font-size:11px; }
/*CALL NOW*/

/*SOCIAL*/
.top-social-links { padding: 0; list-style-type: none; margin: 0;}
.top-social-links li { margin-right:0; margin-left:0; display: inline-block;}
.top-social-links li a {width:35px; text-align: center; line-height:35px; height:35px; color:var(--light-colour); display: inline-block; font-size: 12px; transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s; margin: 0;}
.top-social-links li a:hover { color: var(--primary-color); background: var(--white-color); transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s;}
/*SOCIAL*/

#header-1 { }

/*HEADER-FIX*/
.bg3{}
#menucont{padding: 0; margin:0 auto !important; }
#menucont p{margin: 0;}
.container1{width:100%;padding: 0; margin:0 ;}
.container1 .bodycontainer{margin: 0 !important;width: 100%; }
.stickydiv{position: relative; z-index:999 !important; width: 100%; background-color: rgb(255 255 255); border-bottom: 1px solid var(--light-colour);}
.stickydiv.stuck{position: fixed; top: 0; width: 100%; z-index: 8;}
/*HEADER-FIX*/

/*LOGO*/
.logo { float:left; margin:3px 0; padding:0; display:block;}
/*LOGO*/

/*MOBILE TOP*/
.mobile-top { float: right; padding-left: 0; list-style-type: none; margin-top:65px; margin-bottom:0;}
.mobile-top li { float:left; margin-right:0; margin-left:15px; display: inline-block;}
.mobile-top li a { float: left; width: auto; text-align: center; line-height:40px; height:40px; padding: 0 15px; text-transform: uppercase; border:none; background:var(--black-color); color:var(--white-color); display: inline-block; font-size:13px; transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s; border-radius:var(--border-radius); font-weight:var(--font-weight-600); letter-spacing:var(--letter-spacing-1); }
.mobile-top li a:hover {color:var(--white-color); background:var(--primary-color); transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s;}
.mobile-top li i { font-size: 12px; margin-right: 5px;}
.mobile-top li:first-child { margin-left: 0;}
/*MOBILE TOP*/

.top-btn { font-size:13px; font-weight:var(--font-weight-700); width:auto; text-transform: uppercase; padding:10px 10px; line-height:30px ; color:var(--white-color); background:var(--primary-color); letter-spacing:var(--letter-spacing-1); margin-top:0; margin-bottom:0; margin-left:0; margin-right:0; border: none; border-radius:var(--border-radius);}
.top-btn:hover {  background:var(--black-color);  color:var(--white-color);}
/**HEADER**/

.more-btn { font-size:15px; font-weight:var(--font-weight-700); text-transform:uppercase; padding:15px 25px; line-height:25px; color:var(--white-color); background:var(--primary-color); transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s; border: none;  letter-spacing: var(--letter-spacing-2); border-radius:var(--border-radius);}
.more-btn:hover { background:var(--black-color); color:var(--white-color);  transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s;}

.bg {background: var(--light-colour);}

.page-img { background: var(--white-colour); border:1px solid var(--light-colour); padding:15px; overflow: hidden;}

/*HOME SERVICE BOX*/
.home-service {margin-top:15px; margin-bottom:15px;} 
.home-service .icon i {color:var(--primary-color); background:var(--light-colour); font-size:30px; height:80px; width:80px; line-height:80px; text-align: center;  border-radius: var(--border-radius-50); transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s; border:none;}
.home-service:hover .icon i {color:var(--white-color); background:var(--primary-color); transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s;}

.home-service h5 { font-size:20px; margin:10px 0 5px 0; padding: 0; line-height:30px; color: var(--black-color); transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s;} 
.home-service:hover h5 { color:var(--primary-color); transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s;}
.home-service p { margin:5px 0; padding:0; -ms-word-break: break-all; word-break: break-all; word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto; position:relative; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; letter-spacing: var(--letter-spacing-1);} 
.home-service:hover p { }

.home-service .link-more { font-size:14px; font-weight:var(--font-weight-700); text-transform:uppercase; padding:0; line-height:25px; color:var(--black-color); background: none; transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s; border: none;  letter-spacing: var(--letter-spacing-2);}
.home-service:hover .link-more { color:var(--primary-color);  transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s;}
/*HOME SERVICE BOX*/

/*HOME CONTACT BTN*/
#home-contact-section { position: relative; margin-top:15px; margin-bottom:15px; padding-bottom:90px; padding-top:90px; background-attachment: fixed; background-repeat: no-repeat; background-size: cover; background-position: center center; background-image:url(../images/roofing_insulated-scaled.jpg);}

#home-contact-section .banner-content {margin: 0 15px; background-color:var(--primary-color); padding:30px 45px;}
#home-contact-section .banner-content .heading h1, #home-contact-section .banner-content .heading h3 {color:var(--white-color);}

.contact-btn { font-size:15px; font-weight:var(--font-weight-700); text-transform:uppercase; padding:15px 25px; line-height:25px; color:var(--primary-color); background:var(--white-color); transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s; border: none;  letter-spacing: var(--letter-spacing-2); border-radius:var(--border-radius);}
.contact-btn:hover { background:var(--black-color); color:var(--white-color);  transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s;}
/*HOME CONTACT BTN*/

/**OUR SERVICE**/
.service-section {}
.home-service-box { float: left; margin-top: 15px; margin-bottom: 15px; background:var(--light-colour); overflow: hidden; transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s; }
.home-service-box:hover { background: var(--light-colour); transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s;}
.home-service-box-img { }
.home-service-box-text { float: left; position: relative;}

.home-service-box .home-service-box-text h5 {
    margin-top: 0;
    margin-bottom: 0;
    padding: 0;
    color: var(--black-color);
    font-size: 20px;
    line-height: 25px;
    display: block; /* Changed from -webkit-box to block for full text */
    white-space: normal; /* Allows text to wrap */
    overflow: visible; /* Removes hidden overflow */
    text-overflow: clip; /* No ellipsis */
    transition: all ease .6s;
    -moz-transition: all ease .6s;
    -webkit-transition: all ease .6s;
    -o-transition: all ease .6s;
}

.home-service-box:hover .home-service-box-text h5 { color: var(--primary-color); transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s;}

.home-service-box-text p { margin:15px 0 0 0; padding:0; -ms-word-break: break-all; word-break: break-all; word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto; position:relative; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;}

.home-service-box .home-service-box-text .link-btn { font-size:14px; font-weight:var(--font-weight-700); text-transform:uppercase; padding:0; line-height:25px; color:var(--black-color); background: none; transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s; border: none;  letter-spacing: var(--letter-spacing-2);}
.home-service-box:hover .home-service-box-text .link-btn { color:var(--primary-color);  transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s;}

.service-section .carousel-control-next { right:30px;}
.service-section .carousel-control-prev {left: 30px;}
.service-section .carousel-control-next, .service-section .carousel-control-prev {position:absolute;
top:28%; bottom:0; z-index:1; display:-ms-flexbox; display:flex; -ms-flex-align:center; align-items:center; -ms-flex-pack:center; justify-content:center; width:50px; height:50px; line-height: 50px; color: var(--white-color); font-size:14px; text-align:center; opacity:1; transition:opacity .15s ease; background:var(--black-color); border-radius: var(--border-radius);}

.service-section .carousel-control-next:focus, .service-section .carousel-control-next:hover, .service-section .carousel-control-prev:focus, .service-section .carousel-control-prev:hover{ color: var(--white-color); text-decoration:none; outline:0; opacity:1; background: var(--primary-color);}
/**OUR SERVICE**/

/*HOME SECTION*/
#home-section {background: var(--light-colour); margin-top: 15px; padding-bottom: 15px; padding-top: 15px;}
#home-section .contractor-logo {margin:15px auto; width:180px; height: auto; display: flex; padding:0; text-align: center; overflow:hidden; background: var(--white-color);  border-radius:var(--border-radius-50); border: none;  box-shadow: 0 3px 6px rgb(0 0 0 / 16%), 0 3px 6px rgb(0 0 0 / 23%);}
/*HOME SECTION*/

/*COUNTER*/
#counter-section { position: relative; margin-top:0; margin-bottom:-15px; padding-bottom:15px; padding-top:15px; background-attachment: fixed; background-repeat: no-repeat; background-size: cover; background-position: center center; background-image:url(../images/counter_bg.jpg);}
#counter-section::before {position: absolute; content: ''; left: 0px; top: 0px; width: 100%; height: 100%; background-color: var(--black-color); opacity: .75;}
#counter-section .heading h1, #counter-section .heading h3, #counter-section .heading h6 {color:var(--white-color);}

.main_counter_area .main_counter_content .single_counter{}
.main_counter_area {  }
.single_counter{ margin-bottom: 15px; margin-top: 15px;}
.single_counter ul { margin:0; padding:0; list-style:none;}
.single_counter ul li { margin: 0;}

.single_counter .icon, .single_counter .info {display: table-cell; vertical-align:middle;} 
.single_counter .info {padding-left:15px;}
.single_counter .icon i {color:var(--white-color); background:var(--primary-color); font-size:22px; height:65px; line-height:65px; text-align: center; width:65px;  border-radius: var(--border-radius-50); box-shadow: 0 3px 6px rgb(0 0 0 / 16%), 0 3px 6px rgb(0 0 0 / 23%);}
.single_counter .info h5 {font-weight:var(--font-weight-900); margin:0; padding:0; text-transform: uppercase; color: var(--light-colour); font-size:35px; letter-spacing:var(--letter-spacing-2); line-height:40px;} 
.single_counter .info p {color:var(--white-color); margin:0;font-size:14px; line-height:20px; font-weight:var(--font-weight-700); font-style:normal; text-transform:uppercase; letter-spacing: var(--letter-spacing-1);} 
/*COUNTER*/

/*sister consultant company*/
.sister-consultant-company { background: var(--primary-color);}
.sister-consultant-company .heading h1, .sister-consultant-company .heading h3, .sister-consultant-company p {color:var(--white-color);}
.sister-consultant-company .sister-consultant-company-logo {margin:15px auto; width: 200px; height: 200px; display: flex; padding:0; text-align: center; overflow:hidden; background: var(--white-color);  border-radius:var(--border-radius-50); border: none;  box-shadow: 0 3px 6px rgb(0 0 0 / 16%), 0 3px 6px rgb(0 0 0 / 23%);}

.consultant-company-btn { font-size:14px; font-weight:var(--font-weight-700); text-transform:uppercase; padding:15px 25px; line-height:20px; color:var(--primary-color); background:var(--white-color); transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s; border: none;  letter-spacing: var(--letter-spacing-2); border-radius:var(--border-radius);}
.consultant-company-btn:hover { background:var(--black-color); color:var(--white-color);  transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s;}
/*sister consultant company*/

/***FOOTER***/
#footer-1 { margin-top:15px; margin-bottom: 0; padding-bottom:15px; padding-top:15px; background: var(--text-color) }
#footer-1 h6 { color: var(--white-color); font-size:15px; line-height:25px; font-weight: var(--font-weight-700); text-transform: uppercase; letter-spacing: var(--letter-spacing-2); margin-bottom: 15px; margin-top: 0; padding: 0 0 0 15px; border-left:25px solid var(--primary-color);}

/*FOOTER TEXT*/
.footer-text { margin-bottom: 15px; margin-top: 15px;}
.footer-text p { font-size: 14px; color:var(--light-colour); line-height: 20px; font-weight: var(--font-weight-400); letter-spacing: var(--letter-spacing-1); margin: 0; padding:7px 0;}
.footer-text p a { color:var(--light-colour); font-weight: var(--font-weight-500);}
.footer-text p a:hover {color:var(--primary-color);}
.footer-logo { margin:0 0 15px 0;}
/*FOOTER TEXT*/

/*SOCIAL*/
.footer-text .social-links { float:left; padding-left: 0; margin-top:0; margin-bottom:0;}
.footer-text .social-links ul {  list-style-type: none; }
.footer-text .social-links ul li:first-child {margin-top:15px;} 
.footer-text .social-links ul li { float:left; margin-right:15px; margin-top:15px; margin-left:0; display: inline-block;}
.footer-text .social-links ul li a i {width:40px; text-align: center; line-height:40px; height:40px; color:var(--light-colour); background:var(--black-color) ; display: inline-block; font-size: 11px; transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s; border-radius: var(--border-radius);}
.footer-text .social-links ul li a i:hover {color: var(--white-color); background:var(--primary-color); transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s;}
/*SOCIAL*/

/*FOOTER NAV*/
.footer-nav { margin-bottom: 15px; margin-top: 15px; }
.footer-nav ul { float:left; margin:0 ; padding:0; list-style:none;}
.footer-nav ul li { float:left; width:100%; margin:0; padding:0; text-transform:capitalize;}
.footer-nav ul li a { float:left; font-size:14px; line-height:20px; color:var(--light-colour); font-weight:var(--font-weight-400); margin:0; padding:7px 0 ; text-decoration:none; transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s; letter-spacing:var(--letter-spacing-1);}
.footer-nav ul li a:hover { padding:7px 0 7px 10px ;color:var(--primary-color); text-decoration:none; transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s;}
/*FOOTER NAV*/

/*FOOTER-ADDRESS*/
.footer-address { margin-bottom: 15px; margin-top: 15px;} 
.footer-address ul { margin:0; padding:0; list-style:none;} 
.footer-address ul li { margin-top:15px;} 
.footer-address ul li:first-child {margin-top:22px;} 
.footer-address .icon, .footer-address .info {display: table-cell; vertical-align:top;} 
.footer-address .info {padding-left:15px;}
.footer-address ul li i {color:var(--light-colour); background:var(--black-color); font-size:12px; height:40px; line-height:40px; text-align: center; width:40px;  border-radius: var(--border-radius);}	
.footer-address .info h5 {font-weight:var(--font-weight-700); margin:0; padding:0; text-transform: uppercase; color: var(--light-colour); font-size:15px; letter-spacing:var(--letter-spacing-1); line-height:25px;} 
.footer-address li .info p { font-size:14px; margin: 0; padding: 0; line-height: 20px; font-weight:var(--font-weight-400); color: var(--light-colour); letter-spacing:var(--letter-spacing-1);} 
.footer-address li .info p a {color:var(--light-colour); font-weight:var(--font-weight-400)}
.footer-address li .info p a:hover { color:var(--primary-color);}
/*FOOTER-ADDRESS*/

/*FOOTER BOTTOM*/
.footer-bottom { margin-top:0; padding-top:15px; padding-bottom:15px; margin-bottom:0; background-color: var(--black-color); }
.footer-bottom p {color:var(--light-colour); margin: 0; padding:10px 15px; font-weight: var(--font-weight-400); font-size:14px; line-height:20px; letter-spacing: var(--letter-spacing-1);}
.footer-bottom p span {color:var(--light-colour); font-weight: var(--font-weight-500); font-style:normal;}
.footer-bottom p a {color:var(--light-colour); font-weight: var(--font-weight-500); transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s;}
.footer-bottom p a:hover {color:var(--primary-color); transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s;}
/*FOOTER BOTTOM*/
/***FOOTER***/

/*BACK TO TOP*/
#back-to-top {position: fixed; bottom:15px; right:15px; z-index: 9; width:50px; height:50px; line-height:50px; font-size:14px; text-align: center; background:var(--black-color); color:var(--light-colour); cursor: pointer; border:none; text-decoration: none; transition: opacity 0.5s ease-out; opacity: 0; transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s; border-radius:var(--border-radius); box-shadow: 0 3px 6px rgb(0 0 0 / 16%), 0 3px 6px rgb(0 0 0 / 23%);}
#back-to-top:hover {background:var(--primary-color); color:var(--white-color); transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s;}
#back-to-top.show {opacity:1;}
/*BACK TO TOP*/

/*INNER-BANNER*/
.inner-page-hero-area {padding:90px 0; margin-bottom:15px; position: relative; background-attachment: fixed; background-repeat: no-repeat; background-size: cover; background-position: center center;}
.inner-page-hero-area::before {position: absolute;content: ''; top: 0; left: 0; width: 100%; height: 100%;  background-color: rgba(0, 0, 0, 0.75);}
.inner-page-title {position: relative; font-size:50px; line-height:55px; font-family:var(--primary-font-family); font-weight:var(--font-weight-900); letter-spacing: var(--letter-spacing-2); text-transform: uppercase; color:var(--white-color); margin-top:0; margin-bottom: 0px;}
.inner-page-hero-area .breadcrumb-menu { padding:0; margin-bottom:0; margin-top:15px; list-style: none; background: none; border-radius:0;}
.inner-page-hero-area .breadcrumb-menu li {background: transparent none repeat scroll 0 0; display: inline-block; margin:0; padding:10px 0; position: relative; z-index: 1;}
.inner-page-hero-area .breadcrumb-menu li i {color:var(--light-color-dark); margin-right: 3px;}
.inner-page-hero-area .breadcrumb-menu::after {content: ""; height: 100%; left: 0; opacity:0.35; position: absolute; top: 0; width: 100%; z-index: -1; }
.breadcrumb-menu > li + li::before {color: var(--white-color); content: "\f054"; font-family:  "FontAwesome"; font-size: 8px; font-weight: var(--font-weight-400); padding: 0 7px 0 4px ; position: relative; top:0px;}
.inner-page-hero-area .breadcrumb-menu a, .inner-page-hero-area .breadcrumb-menu li {font-weight:var(--font-weight-500);  color:var(--white-color); text-transform:capitalize; font-size:14px; line-height:20px; margin:0; padding:0; letter-spacing:var(--letter-spacing-1);}
.inner-page-hero-area .breadcrumb-menu a:hover {color: var(--light-color-dark);}
.inner-page-hero-area .breadcrumb-menu li.active {color:var(--white-color);}
/*INNER-BANNER*/

/*OUR TEAM*/
#our-team-section { position: relative; margin-top:15px; margin-bottom:-15px; padding-bottom:15px; padding-top:15px; background-attachment: fixed; background-repeat: no-repeat; background-size: cover; background-position: center center; background-image:url(../images/team.jpg);}
#our-team-section::before {position: absolute; content: ''; left: 0px; top: 0px; width: 100%; height: 100%; background-color: var(--primary-color); opacity: .85;}
#our-team-section .heading h1, #our-team-section .heading h3, #our-team-section p { color: var(--white-color)}

.team-item {position: relative; overflow: hidden; box-shadow: 0 0 45px rgba(0, 0, 0, .09); border-radius: 0; margin-bottom: 15px; margin-top: 15px; background: var(--white-color);}
.team-item img {transition: .5s; -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
  filter: grayscale(100%);}
.team-item:hover img {transform: scale(1.1);}
.team-item h5{font-size:16px; line-height:20px; color:var(--primary-color); margin:0; padding:0;}
.team-item h6 {font-size:14px; line-height:20px; color:var(--black-color); margin-bottom:0; margin-top:5px; padding:0;  text-transform: capitalize; font-weight:var(--font-weight-600); letter-spacing: var(--letter-spacing-1); }
.team-text {position: absolute; background: var(--white-color); width: 100%; left: 0; bottom: -50px; opacity: 0; transition: .5s;}
.team-item:hover .team-text {bottom: 0; opacity: 1;}
.team-item a.btn {width:35px; text-align: center; line-height:35px; height:35px; padding: 0; margin-top: 15px !important; margin-left:3px; margin-right:3px; color: var(--white-color); background:var(--black-color); display: inline-block; font-size:10px; transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s; border-radius: var(--border-radius-50); border:none;}
.team-item a.btn:hover {color: var(--white-color); background: var(--primary-color);}
/*OUR TEAM*/

#map-section { display: block; position: relative; margin-top: 15px; margin-bottom:-20px;}

/*CONTACT-PAGE-ADDRESS*/
.contact-page-address { } 
.contact-page-address ul { float: left; margin:15px 0; padding:0; list-style:none; } 
.contact-page-address ul li { margin-top:15px;}  
.contact-page-address .icon, .contact-page-address .info {display: table-cell; vertical-align:top;} 
.contact-page-address .info {padding-left:15px;}
.contact-page-address ul li i {color:var(--white-color); background:var(--primary-color); font-size:14px; height:45px; line-height:45px; text-align: center; width:45px;  border-radius: var(--border-radius-50);}	
.contact-page-address .info h5 {margin:2px 0 0 0; padding:0; color: var(--black-color); font-size:16px; line-height:25px;} 
.contact-page-address li .info p {  margin: 0; padding: 0;} 
.contact-page-address li .info p a {font-weight:var(--font-weight-400)}
.contact-page-address li .info p a:hover {color: var(--primary-color); }
.contact-page-address ul li:first-child {margin-top:0;}
/*CONTACT-PAGE-ADDRESS*/

/*HOME CONTACT FORM*/
.contact-page-form { float: left; margin:15px 0; padding: 0 15px; font-size:14px; line-height:20px; color:var(--text-color); font-weight:var(--font-weight-400); }
.contact-page-form a { color:var(--black-color); text-decoration:none; font-weight:var(--font-weight-500); margin:0; padding:0;}
.contact-page-form a:hover { color:var(--primary-color);}

.contact-page-form-bor { width: 100%; height:50px; line-height:50px; font-size:14px; text-align:left; color: var(--black-color); font-weight:var(--font-weight-400); margin: 0; padding:0 0 0 15px; background:var(--light-colour); border:1px solid var(--light-color-dark); font-family:var(--primary-font-family); transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s; border-radius:var(--border-radius);}
.contact-page-form-textar { width:100%; height:100px; line-height:35px; font-size:14px; text-align:left;  color: var(--black-color); font-weight:var(--font-weight-400); margin: 0; padding:5px 0 0 15px; background:var(--light-colour); border:1px solid var(--light-color-dark); font-family:var(--primary-font-family); transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s; border-radius:var(--border-radius); }
.contact-page-form-bor:focus, .contact-page-form-textar:focus { background:var(--white-color); border:1px solid var(--primary-color); transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s; }

.contact-page-form select {width:100%; height:50px; line-height:50px; font-size:14px; margin:0; padding:0 0 0 15px; color:var(--black-color); font-weight:var(--font-weight-400); background:var(--light-colour) url(../images/arrow-select.png) no-repeat right 15px center; border:1px solid var(--light-color-dark); font-family:var(--primary-font-family); appearance:none; -webkit-appearance:none;-moz-appearance: none; text-indent: 0.01px; text-overflow: ''; transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s; border-radius:var(--border-radius); }
.contact-page-form select:focus {background:var(--white-color)  url(../images/arrow-select.png) no-repeat right 15px center ; border:1px solid var(--primary-color); color:var(--black-color); appearance:none; -webkit-appearance:none;-moz-appearance: none; text-indent: 0.01px; text-overflow: ''; transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s;}

.contact-page-form label { font-size:14px; width:100%; color:var(--black-color); font-weight:var(--font-weight-500); margin:0; padding:0 0 7px 0; line-height:20px; letter-spacing:var(--letter-spacing-1); text-transform: capitalize;}
.contact-page-form label span { color:var(--red);}

.contact-page-form-btn {font-size:15px; font-weight:var(--font-weight-700); text-transform:capitalize; padding:15px 25px; line-height:25px; color:var(--white-color); background: var(--black-color); transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s; border:none;  letter-spacing: var(--letter-spacing-2); border-radius:var(--border-radius);}
.contact-page-form-btn:hover {background:var(--primary-color); color:var(--white-color);  transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s;}

::placeholder { color:var(--black-color); opacity: 1;}
:-ms-input-placeholder {color:var(--black-color);}
::-ms-input-placeholder { color:var(--black-color);}
/*HOME CONTACT FORM*/

/*BRANDS LOGO*/
.brands-logo { margin-bottom: 15px; margin-top: 15px; padding:0px; text-align:center; border:1px solid var(--light-color-dark); background: var(--white-color); border-radius:var(--border-radius-50); transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s; overflow:hidden;}
.brands-logo:hover { border:1px solid var(--primary-color); transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s;}
/*BRANDS LOGO*/

/*PHOTO GALLERY*/
.item{/*width:303px;*/float:left;}
.item p { margin-bottom:0; color: var(--black-color); font-weight:var(--font-weight-500)}
.gallery{background: var(--white-color);text-align:center;position:relative; padding:0; overflow: hidden;}
.gallery img{width:100%; height:auto}
.gallery:hover img{opacity:.8;}
.gallery .box-content{padding:45px 0;background:rgba(54, 81, 146, .95);position:absolute;top:0;left:0;bottom:0;right:0;opacity:0}
.gallery:hover .box-content{top:15px;left:15px;bottom:15px;right:15px;opacity:1; }
.gallery .box-content .title{font-weight:var(--font-weight-400); color:var(--white-color); line-height:20px; margin:5px 0; padding: 0; position:absolute; bottom:52%; width: 100%; font-size:14px; text-transform:capitalize; letter-spacing:var(--letter-spacing-1);}
.gallery .icon li a{line-height:40px; border-radius:var(--border-radius-50);}
.gallery .icon{list-style:none;padding:0;margin:0;position:absolute;top:50%; text-align: center; width: 100%;}
.gallery .icon li{display:inline-block;opacity:0;transform:translateY(40px)}
.gallery:hover .icon li{opacity:1;transform:translateY(0)}
.gallery:hover .icon li:first-child{transition-delay:.1s}
.gallery:hover .icon li:nth-child(2){transition-delay:.2s}
.gallery .icon li a{display:block; width:40px; height:40px; background:var(--white-color); font-size:12px; color:var(--black-color) ; margin-right:5px; transition:all .35s ease 0s}
.gallery .icon a:hover{background:var(--black-color); color:var(--white-color);}
.gallery .box-content,.gallery .icon li,.gallery img{transition:all .35s ease 0s}
/*PHOTO GALLERY*/

/*MARKER LIST*/
.marker-list { }
.marker-list>li { color:var(--black-color); font-size:15px; line-height:22px; margin-bottom:15px; margin-top:15px; font-weight:var(--font-weight-500); letter-spacing:var(--letter-spacing-05); position: relative; padding-left:20px;}
/*.marker-list>li:last-child {margin-bottom: 0; }*/
.marker-list>li:after {position: absolute; top:1px; left: 0; display: block; content: "\f192"; font-family: "FontAwesome"; font-size: 12px; color: var(--primary-color);}
.marker-list>li span { font-weight:var(--font-weight-600); color: var(--primary-color); }
.marker-list>li a { color:var(--black-color);}
.marker-list>li a:hover {color:var(--primary-color);}
/*MARKER LIST*/

.line { float: left; width: 100%; height:1px; margin-bottom: 15px; margin-top: 15px; background:var(--light-colour); }

/*TABLE*/
.table-box-inner { margin:15px 0 0 0 ; background:var(--white-color);}
.table th { font-size:15px; text-transform:uppercase; background:var(--primary-color); color:var(--white-color); font-weight:var(--font-weight-600); letter-spacing:var(--letter-spacing-1); }
.table td { font-size:14px; line-height: 20px; color:var(--black-color); font-weight:var(--font-weight-500); }
.table td strong {font-weight:var(--font-weight-600); color: var(--black-color); }
.table td span {font-weight:var(--font-weight-600); color: var(--primary-color); }
.table td i { color: var(--primary-color); margin-right: 5px;}
.table td a {color:var(--black-color); font-weight:var(--font-weight-500);  transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s; }
.table td a:hover{color: var(--primary-color); transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s; }
/*TABLE*/

/*INNER SERVICE BOX*/
#inner-service-section { margin-bottom: 15px; margin-top: 15px; padding-bottom: 15px; padding-top: 15px; background:var(--light-color-dark); }
.inner-service {margin-top:15px; margin-bottom:15px;} 
.inner-service .icon i {color:var(--primary-color); background:var(--light-colour); font-size:30px; height:80px; width:80px; line-height:80px; text-align: center;  border-radius: var(--border-radius-50); transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s; border:none;}
.inner-service:hover .icon i {color:var(--white-color); background:var(--primary-color); transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s;}

.inner-service h5 { font-size:20px; margin:10px 0 5px 0; padding: 0; line-height:30px; color: var(--black-color); transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s;} 
.inner-service:hover h5 { color:var(--primary-color); transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s;}
.inner-service p { margin:5px 0; padding:0;  letter-spacing: var(--letter-spacing-1);} 
.inner-service:hover p { }
/*INNER SERVICE BOX*/

@media only screen and ( min-width: 1299px) and (max-width: 2399px) {

/**HEADER**/
.top-btn { font-size:15px; padding:10px 15px; line-height:30px ;}   
/**HEADER**/
    
/*HOME SERVICE BOX*/
.home-service .icon i {font-size:35px; height:90px; width:90px; line-height:90px;}
.home-service h5 { font-size:22px; line-height:30px;} 
.home-service .link-more { font-size:14px;  line-height:25px; }
/*HOME SERVICE BOX*/
    
/*COUNTER*/
.single_counter .icon i { font-size:30px; height:90px; line-height:90px; width:90px;}
.single_counter .info h5 { font-size:40px; line-height:45px;} 
.single_counter .info p {font-size:18px; line-height:25px;} 
/*COUNTER*/
    
/***FOOTER***/    
#footer-1 h6 { font-size:16px; line-height:25px; border-left: 25px solid var(--primary-color);}  
/***FOOTER***/ 
    
/*INNER SERVICE BOX*/
.inner-service .icon i {font-size:35px; height:90px; width:90px; line-height:90px;}
.inner-service h5 {font-size:22px; line-height:30px;}
/*INNER SERVICE BOX*/    
}


@media only screen and ( min-width: 768px) and ( max-width: 980px ) {

.heading h1 {font-size:40px; line-height:45px;}
.heading h2 {font-size:35px; line-height:40px;}
.heading h3 {font-size:16px; line-height:22px; }
.heading h4 {font-size:20px; line-height:30px;}
.heading h5 {font-size:16px; line-height:22px;}
.heading h6 {font-size:15px; line-height:22px;}

p { font-size:14px; line-height:20px;}
    
/**HEADER**/
/*LOGO*/
.logo img { height:35px;}
/*LOGO*/
    
/*MOBILE TOP*/
.mobile-top { margin-top:25px;}
/*MOBILE TOP*/    
    
.top-btn { font-size:11px; padding:7px 3px; line-height:21px;}
/**HEADER**/
    
/*FOOTER*/
/*FOOTER TEXT*/
.footer-text p { font-size: 13px; line-height: 18px; padding:7px 0;}
/*FOOTER TEXT*/
    
/*FOOTER NAV*/
.footer-nav ul li {width: auto;}
.footer-nav ul li a {font-size:13px; line-height:18px;  padding:7px 15px 7px 0px; }
.footer-nav ul li a:hover { padding:7px 15px 7px 0px;}
/*FOOTER NAV*/

/*FOOTER-ADDRESS*/
.footer-address ul li i {font-size:11px; height:35px; line-height:35px; width:35px;}	
.footer-address .info h5 { font-size:14px; line-height:20px;} 
.footer-address li .info p { font-size:13px; line-height:18px;} 
/*FOOTER-ADDRESS*/ 
/*FOOTER*/ 
    
/*INNER-BANNER*/
.inner-page-hero-area {padding:90px 0;}
.inner-page-title {font-size:45px; line-height:50px;}
.breadcrumb-menu > li + li::before {font-size:7px;}
.inner-page-hero-area .breadcrumb-menu a, .inner-page-hero-area .breadcrumb-menu li { font-size:13px; line-height:18px;}
/*INNER-BANNER*/   
   
/*MARKER LIST*/
.marker-list>li { font-size:14px; line-height:20px;}
.marker-list>li:after {font-size:11px;}
/*MARKER LIST*/    
    
}


@media only screen and ( min-width: 600px) and ( max-width: 765px ) {
 
.heading h1 {font-size:35px; line-height:40px;}
.heading h2 {font-size:30px; line-height:35px;}
.heading h3 {font-size:16px; line-height:22px; }
.heading h4 {font-size:18px; line-height:25px;}
.heading h5 {font-size:16px; line-height:22px;}
.heading h6 {font-size:15px; line-height:22px;}

p {font-size:13px; line-height:18px;}
    
/**HEADER**/
/*HEADER-FIX*/
.stickydiv{position: relative;}
.stickydiv.stuck{position: relative;}
/*HEADER-FIX*/

/*LOGO*/
.logo { margin-top:60px;}
.logo img { height:70px;}
/*LOGO*/

/*MOBILE TOP*/
.mobile-top { margin-top:75px; }
/*MOBILE TOP*/
    
.top-btn { font-size:14px; font-weight:var(--font-weight-600); width:100%; text-align: left; padding:10px 15px; line-height:20px ; color:var(--white-color); background:var(--black-color); letter-spacing:var(--letter-spacing-1); margin-top:0; margin-bottom:0; margin-left:0; margin-right:0; border: none;  border-radius:0px; border-bottom: 1px solid var(--light-colour);}
.top-btn:hover {  background:var(--primary-color); color:var(--white-color); border-bottom: 1px solid var(--light-colour);}     
/**HEADER**/
    
.more-btn { font-size:14px; padding:15px 25px; line-height:25px;}
  
/*HOME SERVICE BOX*/
.home-service .icon i {font-size:26px; height:75px; width:75px; line-height:75px;}
.home-service h5 { font-size:18px; line-height:30px;} 
.home-service .link-more { font-size:14px;  line-height:20px; }
/*HOME SERVICE BOX*/   
    
/*HOME CONTACT BTN*/
#home-contact-section { padding-bottom:75px; padding-top:75px;}
#home-contact-section .banner-content {padding:15px 30px;}
.contact-btn {font-size:14px; padding:15px 25px; line-height:25px;}
/*HOME CONTACT BTN*/    

/**OUR SERVICE**/
.home-service-box .home-service-box-text h5 { font-size:18px; line-height:25px;}
.home-service-box .home-service-box-text .link-btn { font-size:13px;  line-height:20px;}
.service-section .carousel-control-next, .service-section .carousel-control-prev {top:30%;  width:45px; height:45px; line-height: 45px; font-size:13px; }
/**OUR SERVICE**/
    
/*HOME SECTION*/
#home-section .contractor-logo { width:160px;}
/*HOME SECTION*/
    
/*COUNTER*/
.single_counter .icon i { font-size:22px; height:65px; line-height:65px; width:65px;}
.single_counter .info h5 { font-size:30px; line-height:35px;} 
.single_counter .info p {font-size:14px; line-height:20px;} 
/*COUNTER*/
    
/*sister consultant company*/
.sister-consultant-company .sister-consultant-company-logo {width:160px; height:160px;}
.consultant-company-btn { font-size:14px; padding:15px 20px; line-height:20px;}
/*sister consultant company*/
    
/***FOOTER***/ 
#footer-1 h6 { font-size:16px; line-height:25px; border-left:25px solid var(--primary-color);} 
    
/*FOOTER TEXT*/
.footer-text p { font-size: 13px; line-height: 18px; padding:7px 0;}
/*FOOTER TEXT*/
    
/*FOOTER NAV*/
.footer-nav ul li {width: auto;}
.footer-nav ul li a {font-size:13px; line-height:18px;  padding:7px 15px 7px 0px; }
.footer-nav ul li a:hover { padding:7px 15px 7px 0px;}
/*FOOTER NAV*/

/*FOOTER-ADDRESS*/
.footer-address ul li i {font-size:11px; height:35px; line-height:35px; width:35px;}	
.footer-address .info h5 { font-size:14px; line-height:20px;} 
.footer-address li .info p { font-size:13px; line-height:18px;} 
/*FOOTER-ADDRESS*/  
    
/*SOCIAL*/
.footer-text .social-links ul li a i {width:35px; line-height:35px; height:35px; font-size: 10px;}
/*SOCIAL*/    
    
/*FOOTER BOTTOM*/
.footer-bottom p {padding:7px 15px; font-size:13px; line-height:18px;}
/*FOOTER BOTTOM*/
/***FOOTER***/ 
    
/*BACK TO TOP*/
#back-to-top {width:40px; height:40px; line-height:40px; font-size:13px;}
/*BACK TO TOP*/  
    
/*OUR TEAM*/
.team-item h5{font-size:15px; line-height:20px;}
.team-item h6 {font-size:13px; line-height:18px;}
.team-item a.btn {width:30px; line-height:30px; height:30px; font-size:9px; }
/*OUR TEAM*/ 
    
/*INNER-BANNER*/
.inner-page-hero-area {padding:75px 0;}
.inner-page-title {font-size:40px; line-height:45px;}
.breadcrumb-menu > li + li::before {font-size:7px;}
.inner-page-hero-area .breadcrumb-menu a, .inner-page-hero-area .breadcrumb-menu li { font-size:13px; line-height:18px;}
/*INNER-BANNER*/ 
    
/*CONTACT-PAGE-ADDRESS*/
.contact-page-address ul li i {font-size:13px; height:40px; line-height:40px; width:40px;}	
.contact-page-address .info h5 {font-size:15px; line-height:20px;} 
/*CONTACT-PAGE-ADDRESS*/
    
/*HOME CONTACT FORM*/
.contact-page-form { font-size:13px; line-height:18px;}
.contact-page-form-bor { height:45px; line-height:45px; font-size:13px;}
.contact-page-form-textar { height:80px; line-height:30px; font-size:13px;}
.contact-page-form select {height:45px; line-height:45px; font-size:13px; }
.contact-page-form label { font-size:13px; line-height:18px;}
.contact-page-form-btn {font-size:14px; padding:15px 25px; line-height:25px;}
/*HOME CONTACT FORM*/   
    
/*MARKER LIST*/
.marker-list>li { font-size:13px; line-height:18px;}
.marker-list>li:after {font-size:10px;}
/*MARKER LIST*/
    
/*TABLE*/
.table th { font-size:14px; }
.table td { font-size:13px; line-height:18px;}
/*TABLE*/ 
    
/*INNER SERVICE BOX*/
.inner-service .icon i {font-size:26px; height:75px; width:75px; line-height:75px;}
.inner-service h5 {font-size:18px; line-height:30px;}
/*INNER SERVICE BOX*/     
}


@media only screen and ( min-width: 481px) and ( max-width: 599px ) {

.heading h1 {font-size:30px; line-height:35px;}
.heading h2 {font-size:25px; line-height:30px;}
.heading h3 {font-size:15px; line-height:20px; }
.heading h4 {font-size:16px; line-height:20px;}
.heading h5 {font-size:15px; line-height:20px;}
.heading h6 {font-size:14px; line-height:20px;}

p {font-size:13px; line-height:18px;}
   
/**HEADER**/
/*HEADER-FIX*/
.stickydiv{position: relative;}
.stickydiv.stuck{position: relative;}
/*HEADER-FIX*/

/*LOGO*/
.logo { margin-top:60px;}
.logo img { height:60px;}
/*LOGO*/

/*MOBILE TOP*/
.mobile-top { margin-top:70px;}
.mobile-top li a { line-height:40px; height:40px; padding: 0 10px;  font-size:11px;}
.mobile-top li i { font-size: 10px;}
/*MOBILE TOP*/    
    
.top-btn { font-size:14px; font-weight:var(--font-weight-600); width:100%; text-align: left; padding:10px 15px; line-height:20px ; color:var(--white-color); background:var(--black-color); letter-spacing:var(--letter-spacing-1); margin-top:0; margin-bottom:0; margin-left:0; margin-right:0; border: none;  border-radius:0px; border-bottom: 1px solid var(--light-colour);}
.top-btn:hover {  background:var(--primary-color); color:var(--white-color); border-bottom: 1px solid var(--light-colour);}     
/**HEADER**/
    
.more-btn { font-size:14px; padding:15px 20px; line-height:20px;}
    
/*HOME SERVICE BOX*/
.home-service .icon i {font-size:24px; height:70px; width:70px; line-height:70px;}
.home-service h5 { font-size:17px; line-height:25px;} 
.home-service .link-more { font-size:14px;  line-height:20px; }
/*HOME SERVICE BOX*/     
    
/*HOME CONTACT BTN*/
#home-contact-section { padding-bottom:75px; padding-top:75px;}
#home-contact-section .banner-content {padding:15px 30px;}
.contact-btn {font-size:14px; padding:15px 20px; line-height:20px;}
/*HOME CONTACT BTN*/ 
    
/**OUR SERVICE**/
.home-service-box .home-service-box-text h5 { font-size:16px; line-height:22px;}
.home-service-box .home-service-box-text .link-btn { font-size:13px;  line-height:20px;}
.service-section .carousel-control-next, .service-section .carousel-control-prev {top:30%;  width:40px; height:40px; line-height: 40px; font-size:12px; }
/**OUR SERVICE**/
    
/*HOME SECTION*/
#home-section .contractor-logo { width:120px;}
/*HOME SECTION*/
    
/*COUNTER*/
.single_counter .icon i { font-size:22px; height:65px; line-height:65px; width:65px;}
.single_counter .info h5 { font-size:30px; line-height:35px;} 
.single_counter .info p {font-size:14px; line-height:20px;} 
/*COUNTER*/
    
/*sister consultant company*/
.sister-consultant-company .sister-consultant-company-logo {width:120px; height:120px;}
.consultant-company-btn { font-size:13px; padding:10px 20px; line-height:25px;}
/*sister consultant company*/
    
/***FOOTER***/ 
#footer-1 h6 { font-size:15px; line-height:25px; border-left:25px solid var(--primary-color);} 
    
/*FOOTER TEXT*/
.footer-text p { font-size: 12px; line-height: 16px; padding:5px 0;}
/*FOOTER TEXT*/
    
/*FOOTER NAV*/
.footer-nav ul li {width: auto;}
.footer-nav ul li a {font-size:12px; line-height:16px;  padding:5px 15px 5px 0px; }
.footer-nav ul li a:hover { padding:5px 15px 5px 0px;}
/*FOOTER NAV*/

/*FOOTER-ADDRESS*/
.footer-address ul li i {font-size:11px; height:35px; line-height:35px; width:35px;}	
.footer-address .info h5 { font-size:13px; line-height:20px;} 
.footer-address li .info p { font-size:12px; line-height:16px;} 
/*FOOTER-ADDRESS*/ 
    
/*SOCIAL*/
.footer-text .social-links ul li a i {width:35px; line-height:35px; height:35px; font-size: 10px;}
/*SOCIAL*/     
    
/*FOOTER BOTTOM*/
.footer-bottom p {padding:7px 15px; font-size:12px; line-height:16px;}
/*FOOTER BOTTOM*/
/***FOOTER***/ 
    
/*BACK TO TOP*/
#back-to-top {width:40px; height:40px; line-height:40px; font-size:13px;}
/*BACK TO TOP*/ 
    
/*OUR TEAM*/
.team-item h5{font-size:15px; line-height:20px;}
.team-item h6 {font-size:13px; line-height:18px;}
.team-item a.btn {width:30px; line-height:30px; height:30px; font-size:9px; }
/*OUR TEAM*/ 
    
/*INNER-BANNER*/
.inner-page-hero-area {padding:60px 0;}
.inner-page-title {font-size:35px; line-height:40px;}
.breadcrumb-menu > li + li::before {font-size:7px;}
.inner-page-hero-area .breadcrumb-menu a, .inner-page-hero-area .breadcrumb-menu li { font-size:12px; line-height:18px;}
/*INNER-BANNER*/
    
/*CONTACT-PAGE-ADDRESS*/
.contact-page-address ul li i {font-size:13px; height:40px; line-height:40px; width:40px;}	
.contact-page-address .info h5 {font-size:14px; line-height:20px;} 
/*CONTACT-PAGE-ADDRESS*/ 
    
/*HOME CONTACT FORM*/
.contact-page-form { font-size:13px; line-height:18px;}
.contact-page-form-bor { height:45px; line-height:45px; font-size:13px;}
.contact-page-form-textar { height:80px; line-height:30px; font-size:13px;}
.contact-page-form select {height:45px; line-height:45px; font-size:13px; }
.contact-page-form label { font-size:13px; line-height:18px;}
.contact-page-form-btn { font-size:14px; padding:15px 20px; line-height:20px;}
/*HOME CONTACT FORM*/
    
/*MARKER LIST*/
.marker-list>li { font-size:13px; line-height:18px;}
.marker-list>li:after {font-size:10px;}
/*MARKER LIST*/
    
/*TABLE*/
.table th { font-size:14px; }
.table td { font-size:13px; line-height:18px;}
/*TABLE*/ 
    
/*INNER SERVICE BOX*/
.inner-service .icon i {font-size:24px; height:70px; width:70px; line-height:70px;}
.inner-service h5 {font-size:17px; line-height:25px;}
/*INNER SERVICE BOX*/    
}


@media only screen and ( min-width: 320px) and ( max-width: 480px ) {
 
.heading h1 {font-size:30px; line-height:35px;}
.heading h2 {font-size:25px; line-height:30px;}
.heading h3 {font-size:15px; line-height:20px; }
.heading h4 {font-size:16px; line-height:20px;}
.heading h5 {font-size:15px; line-height:20px;}
.heading h6 {font-size:14px; line-height:20px;}

p {font-size:13px; line-height:18px;}
   
/**HEADER**/
/*HEADER-FIX*/
.stickydiv{position: relative;}
.stickydiv.stuck{position: relative;}
/*HEADER-FIX*/

/*LOGO*/
.logo { margin-top:60px;}
.logo img { height:55px; width: 95%;}
/*LOGO*/

/*MOBILE TOP*/
.mobile-top { margin-top:80px;}
.mobile-top li a { line-height:35px; height:35px; padding: 0 10px;  font-size:9px; letter-spacing:var(--letter-spacing-05);}
.mobile-top li i { font-size: 8px; margin-right: 2px;}
/*MOBILE TOP*/
    
.top-btn { font-size:14px; font-weight:var(--font-weight-600); width:100%; text-align: left; padding:10px 15px; line-height:20px ; color:var(--white-color); background:var(--black-color); letter-spacing:var(--letter-spacing-1); margin-top:0; margin-bottom:0; margin-left:0; margin-right:0; border: none;  border-radius:0px; border-bottom: 1px solid var(--light-colour);}
.top-btn:hover {  background:var(--primary-color); color:var(--white-color); border-bottom: 1px solid var(--light-colour);}  
/**HEADER**/
    
.more-btn { font-size:14px; padding:15px 20px; line-height:20px;}
    
/*HOME SERVICE BOX*/
.home-service .icon i {font-size:24px; height:70px; width:70px; line-height:70px;}
.home-service h5 { font-size:17px; line-height:25px;} 
.home-service .link-more { font-size:14px;  line-height:20px; }
/*HOME SERVICE BOX*/
    
/*HOME CONTACT BTN*/
#home-contact-section { padding-bottom:75px; padding-top:75px;}
#home-contact-section .banner-content {padding:15px 30px;}
.contact-btn {font-size:14px; padding:15px 20px; line-height:20px;}
/*HOME CONTACT BTN*/ 
    
/**OUR SERVICE**/
.home-service-box .home-service-box-text h5 { font-size:16px; line-height:22px;}
.home-service-box .home-service-box-text .link-btn { font-size:13px;  line-height:20px;}
.service-section .carousel-control-next, .service-section .carousel-control-prev {top:30%;  width:40px; height:40px; line-height: 40px; font-size:12px; }
/**OUR SERVICE**/
    
/*HOME SECTION*/
#home-section .contractor-logo { width:110px;}
/*HOME SECTION*/
    
/*COUNTER*/
.single_counter .icon i { font-size:22px; height:65px; line-height:65px; width:65px;}
.single_counter .info h5 { font-size:30px; line-height:35px;} 
.single_counter .info p {font-size:14px; line-height:20px;} 
/*COUNTER*/   
    
/*sister consultant company*/
.sister-consultant-company .sister-consultant-company-logo {width:120px; height:120px;}
.consultant-company-btn { font-size:13px; padding:10px 20px; line-height:25px;}
/*sister consultant company*/
    
/***FOOTER***/ 
#footer-1 h6 { font-size:15px; line-height:25px; border-left:25px solid var(--primary-color);} 
    
/*FOOTER TEXT*/
.footer-text p { font-size: 12px; line-height: 16px; padding:5px 0;}
/*FOOTER TEXT*/
    
/*FOOTER NAV*/
.footer-nav ul li {width: auto;}
.footer-nav ul li a {font-size:12px; line-height:16px;  padding:5px 15px 5px 0px; }
.footer-nav ul li a:hover { padding:5px 15px 5px 0px;}
/*FOOTER NAV*/

/*FOOTER-ADDRESS*/
.footer-address ul li i {font-size:11px; height:35px; line-height:35px; width:35px;}	
.footer-address .info h5 { font-size:13px; line-height:20px;} 
.footer-address li .info p { font-size:12px; line-height:16px;} 
/*FOOTER-ADDRESS*/
    
/*SOCIAL*/
.footer-text .social-links ul li a i {width:35px; line-height:35px; height:35px; font-size: 10px;}
/*SOCIAL*/     
    
/*FOOTER BOTTOM*/
.footer-bottom p {padding:7px 15px; font-size:12px; line-height:16px;}
/*FOOTER BOTTOM*/
/***FOOTER***/
    
/*BACK TO TOP*/
#back-to-top {width:40px; height:40px; line-height:40px; font-size:13px;}
/*BACK TO TOP*/
    
/*OUR TEAM*/
.team-item h5{font-size:15px; line-height:20px;}
.team-item h6 {font-size:13px; line-height:18px;}
.team-item a.btn {width:30px; line-height:30px; height:30px; font-size:9px; }
/*OUR TEAM*/ 
    
/*INNER-BANNER*/
.inner-page-hero-area {padding:60px 0;}
.inner-page-title {font-size:35px; line-height:40px;}
.breadcrumb-menu > li + li::before {font-size:7px;}
.inner-page-hero-area .breadcrumb-menu a, .inner-page-hero-area .breadcrumb-menu li { font-size:12px; line-height:18px;}
/*INNER-BANNER*/
    
/*CONTACT-PAGE-ADDRESS*/
.contact-page-address ul li i {font-size:13px; height:40px; line-height:40px; width:40px;}	
.contact-page-address .info h5 {font-size:14px; line-height:20px;} 
/*CONTACT-PAGE-ADDRESS*/
    
/*HOME CONTACT FORM*/
.contact-page-form { font-size:13px; line-height:18px;}
.contact-page-form-bor { height:45px; line-height:45px; font-size:13px;}
.contact-page-form-textar { height:80px; line-height:30px; font-size:13px;}
.contact-page-form select {height:45px; line-height:45px; font-size:13px; }
.contact-page-form label { font-size:13px; line-height:18px;}
.contact-page-form-btn { font-size:14px; padding:15px 20px; line-height:20px;}
/*HOME CONTACT FORM*/   
    
/*MARKER LIST*/
.marker-list>li { font-size:13px; line-height:18px;}
.marker-list>li:after {font-size:10px;}
/*MARKER LIST*/  
    
/*TABLE*/
.table th { font-size:14px; }
.table td { font-size:13px; line-height:18px;}
/*TABLE*/ 
    
/*INNER SERVICE BOX*/
.inner-service .icon i {font-size:24px; height:70px; width:70px; line-height:70px;}
.inner-service h5 {font-size:17px; line-height:25px;}
/*INNER SERVICE BOX*/    
}

@media (max-width: 767px) {
    #home-contact-section {
        display: none !important;
    }
}