body { font-family:var(--primary-font-family); background-color: var(--bs-white); color:var(--bs-gray-dark); font-size:0.875rem; line-height:1.25rem; 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;*/display: flex; flex-direction: column; }

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

* { margin: 0; padding: 0; outline: 0; box-sizing: border-box; }

*,
*:before,
*:after {
  box-sizing: border-box;
}

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(--bs-primary); }
/* Handle */
::-webkit-scrollbar-thumb {background:var(--bs-primary-dark); border-radius: 5px ; }
/* Handle on hover */
::-webkit-scrollbar-thumb:hover {background:var(--bs-secondary); }
/*custom scrollbar*/

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

/*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(--bs-primary);}
/*LOADER*/

h1, h2, h3, h4, h5, h6 {font-family:var(--primary-font-family); letter-spacing: normal; position: relative;}

h2 {font-size:35px; line-height:45px; color:var(--bs-primary); font-weight:500;}

h3 { text-transform: capitalize;}
h4 {font-size:22px; line-height:30px; color:var(--bs-secondary); font-weight:600;}
h5 {font-size:18px; line-height:28px; color:var(--bs-black); font-weight:700;}
h6 {font-size:18px; line-height:30px; color:var(--bs-primary); font-weight:500; text-transform:capitalize !important;  }

p {position:relative; color:var(--bs-gray-800); font-size:14px; line-height:20px; margin-bottom:1rem; margin-top:1rem; padding:0; font-weight:400; letter-spacing:.5px;}
p a {color:var(--bs-gray-900); font-weight:400; transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s;}
p a:hover {color:var(--bs-primary); transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s;}
p span {color:var(--bs-primary); font-weight:600;}
p strong {color:var(--bs-secondary); font-weight:600;}
/*p:last-child { margin-bottom:0;}*/

.section-title {text-align: center; padding: 2rem 0 0 0; margin-bottom: 0; position: relative;}
.section-title h1 {color:var(--bs-secondary); font-size: 45px; line-height: 1; letter-spacing: 1px; font-weight:700; text-transform: uppercase; margin-bottom: 1rem; padding-bottom: 0; padding-top: .5rem; position: relative; z-index: 2;}
.section-title span {position: absolute; top: 0; color: color-mix(in srgb, var(--bs-secondary), transparent 95%); left: 0; right: 0; z-index: 1; font-weight:700; font-size: 100px; text-transform: uppercase; line-height: 1; letter-spacing: 1px;}

.more-btn {font-size:16px; font-weight:600; text-transform: uppercase; padding:1rem 2rem; line-height:30px; color:var(--bs-white); background: var(--bs-primary); transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s; border:none; border-radius:30px;  letter-spacing: normal;}
.more-btn:hover {background:var(--bs-secondary); color:var(--bs-primary);  transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s;}
.more-btn i {margin-left:.5rem; font-size: 12px;}

/*HEADER*/
header {position: fixed; top: 0px; display: flex; align-items: center; z-index: 111; justify-content: space-between; width: 100%; padding:0; background-color: rgba(255, 255, 255, .95); transition: padding 300ms ease;-webkit-box-shadow: 0px 0px 18px 1px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 18px 1px rgba(0, 0, 0, 0.1);}
header.sticky-top { }

/*LOGO*/
.logo { float:left; margin:1rem 0; padding:0; display:block;}
.logo img { height:80px;}
/*LOGO*/

.header-right { float: right; margin-top:2rem !important;}

/*MOBILE TOP*/
.mobile-top { float: right; padding-left: 0; list-style-type: none; margin-top:0px; margin-bottom:0; }
.mobile-top li { float:left; margin-left:1rem; margin-right:0; display: inline-block;}
.mobile-top li a i { float: left; text-align: center; line-height:40px; height:40px; width:40px; padding: 0; border-radius: 20px; background:var(--bs-primary); border:none; color:var(--bs-white);  display: inline-block; font-size:15px; transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s; }
.mobile-top li a i:hover {color:var(--bs-white); background: var(--bs-secondary);  transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s;}
/*MOBILE TOP*/

/*phone*/
.phone-call { float: left; margin-left: 3rem;} 
.phone-call ul { margin:0; padding:0; list-style:none;} 
.phone-call ul li { margin:0; padding:0; } 
 
.phone-call .icon, .phone-call .info {display: table-cell; vertical-align:top;} 
.phone-call .info {padding-left:1rem;}
.phone-call ul li i {color:var(--bs-white); background:var(--bs-primary); font-size:14px; height:50px; line-height:50px; text-align: center; width:50px;  border-radius:25px;}	
.phone-call .info h5 {font-weight:500; margin:0; padding:0; text-transform: uppercase; color:var(--bs-success); font-size:14px; letter-spacing:0.5px; line-height:20px;} 
.phone-call li .info p { font-size:18px; margin: 0; padding: 0; line-height: 30px; font-weight:600; color: var(--bs-gray-800); letter-spacing:.5px;} 
.phone-call li .info p a {color: var(--bs-gray-800); font-weight:600; transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s;}
.phone-call li .info p a:hover {color:var(--bs-primary); transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s;}
/*phone*/
/*HEADER*/

.section {
  padding: 4rem 0;
  scroll-margin-top: 112px;
  overflow: clip;
}

/*HERO*/
#hero {position: relative; background-attachment: fixed; background-repeat: no-repeat; background-size: cover; background-position: center center; background-image:url("../images/hero.jpg");}
#hero::before {position: absolute;content: ''; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.75);}

#hero h1 {color:var(--bs-primary); font-size: 70px; line-height: 1; letter-spacing: 1px; font-weight:700; text-transform: uppercase; margin-bottom: 1rem; padding-bottom: 0; padding-top:0; position: relative; z-index: 2;}
#hero h6 {color:var(--bs-white); font-size:24px; line-height: 1; letter-spacing:.5px; font-weight:400; text-transform: capitalize; margin-bottom: 1rem; padding-bottom: 0; padding-top:0; position: relative; z-index: 2;}

.hero-title{font-size:20px; color: var(--bs-white); line-height:25px; letter-spacing:.5px; font-weight:700;}

#typing{color:var(--bs-warning); border-right:3px solid var(--bs-warning); padding-right:6px; margin-left:5px; animation: blink 0.8s infinite;}
@keyframes blink{
0%{border-color:transparent;}
50%{border-color:var(--bs-warning);}
100%{border-color:transparent;}
}

/*HERO ICON*/
.hero-icon { position: relative;} 
.hero-icon ul { margin:0; padding:0; list-style:none;} 
.hero-icon ul li { margin-top:1rem; margin-bottom: 1rem;} 
.hero-icon .icon, .hero-icon .info {display: table-cell; vertical-align: middle;} 
.hero-icon .info {padding-left:1rem;}
.hero-icon ul li i {color:var(--bs-white); background:var(--bs-success); font-size:15px; height:60px; line-height:60px; text-align: center; width:60px; border-radius:50%; }
.hero-icon .info h5 {margin:0; padding:0; color: var(--bs-white); text-transform: capitalize; font-style: italic; font-size:18px; line-height:30px; font-weight:600; letter-spacing:.5px; } 
/*HERO ICON*/

/*CONTACT FORM*/
.form-bg {position: relative; display: flex; padding:0; margin-bottom:0; margin-top: 0; background-color: var(--bs-white);box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px; border-radius:10px;}

.form-bg h2 {color:var(--bs-primary); font-size:40px; line-height: 1; letter-spacing: 1px; font-weight:700; text-transform: uppercase; margin-bottom: 0; padding-bottom: 0; padding-top:2rem; position: relative; z-index: 2;}
.form-bg p { margin-bottom: 0;}
.form-box {padding:1rem 2rem;}
.contact-page-form { float: left; font-size:14px; padding:0 1rem; line-height:20px; color:var(--bs-gray-800); font-weight:400; }
.contact-page-form a { color:var(--bs-gray-800); text-decoration:none; font-weight:500; margin:0; padding:0;}
.contact-page-form a:hover { color:var(--bs-primary);}

.contact-page-form-bor { width: 100%; height:50px; line-height:50px; font-size:14px; text-align:left; color:var(--bs-gray-700); font-weight:400; margin: 0; padding: 0 1rem; background: var(--bs-white); border:1px solid var(--bs-gray-300); transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s; border-radius:7px;box-shadow: inset 0 0 10px 0 rgba(0, 0, 0, 0.05);}
.contact-page-form-textar { width:100%; height:100px; line-height:30px; font-size:14px; text-align:left;  color:var(--bs-gray-700); font-weight:400; margin: 0; padding:.5rem 1rem 0 1rem; background: var(--bs-white); border:1px solid var(--bs-gray-300); transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s; border-radius:7px;box-shadow: inset 0 0 10px 0 rgba(0, 0, 0, 0.05); }

.contact-page-form-bor:focus, .contact-page-form-textar:focus { background:var(--bs-white); border:1px solid var(--bs-primary); 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 1rem; color:var(--bs-gray-700); font-weight:400; background:var(--bs-white) url(../images/arrow-select.png) no-repeat right 1rem center; border:1px solid var(--bs-gray-300); 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:7px;box-shadow: inset 0 0 10px 0 rgba(0, 0, 0, 0.05);}
.contact-page-form select:focus {background:var(--bs-white) url(../images/arrow-select.png) no-repeat right 1rem center ; border:1px solid var(--bs-primary); color:var(--bs-gray-700); 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(--bs-gray-800); font-weight:500; margin:0; padding:0 0 7px 0; line-height:20px; letter-spacing:.5px; text-transform: capitalize;}
.contact-page-form label span { color:var(--bs-red);}

.contact-page-form-btn {font-size:16px; font-weight:600; text-transform: uppercase; padding:1rem 2rem; line-height:20px; color:var(--bs-white); background: var(--bs-primary); transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s; border:none; border-radius:30px;  letter-spacing: normal;}
.contact-page-form-btn:hover {background:var(--bs-secondary); color:var(--bs-primary);  transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s;}

.contact-page-form-btn i {margin-left:.5rem; font-size: 13px;}

::placeholder { color:var(--bs-gray-800); opacity: 1;}
:-ms-input-placeholder {color:var(--bs-gray-800);}
::-ms-input-placeholder { color:var(--bs-gray-800);}
/*CONTACT FORM*/
/*HERO*/

/*MARKER LIST*/
.marker-list { float: left; width: 100%; list-style: none; margin: 0; padding: 0}
.marker-list>li { color:var(--bs-gray-900); font-size:16px; line-height:25px; margin-bottom:1rem; margin-top:1rem; font-weight:500; letter-spacing:.5px; position: relative; padding-left:1.5rem;}
.marker-list>li:first-child {margin-top: 0; }
.marker-list>li:after {position: absolute; top:0px; left: 0; display: block; content: "\f14a"; font-family: "FontAwesome"; font-size: 14px; color: var(--bs-primary);}
.marker-list>li span { font-weight:600; color: var(--bs-primary); }
.marker-list>li a { color:var(--bs-gray-900);}
.marker-list>li a:hover {color:var(--bs-primary);}
/*MARKER LIST*/

/*services*/
#services {position: relative; background-attachment: fixed; background-repeat: no-repeat; background-size: cover; background-position: center center; background-image:url("../images/services.jpg");}
#services::before {position: absolute; content: ''; top: 0; left: 0; width: 100%; height: 100%; background: rgba(217, 39, 33, 0.95);}

#services .section-title {}
#services .section-title h1 {color:var(--bs-white); }
#services .section-title span { color: color-mix(in srgb, var(--bs-white), transparent 75%);}

.single-service-area {position: relative; z-index: 1; overflow: hidden; background: var(--bs-white); border-radius: 10px;  box-shadow: 0 0 45px rgba(0, 0, 0, .09);}
.service-img {position: relative; z-index: 1; height: auto; width: 100%; overflow: hidden; transition: 0.3s; object-fit: cover;}
.service-img img {  width: 100%;  height: auto;  transition: transform ease-in-out 0.7s;  transition-property: all;}
.single-service-area:hover .service-img img { transform: scale(1.1) rotate(2deg); transition: all 2s ease-out;}

.service-icon {background:var(--bs-primary); padding:0px; position: absolute; bottom: 0; left:2rem; width: 90px; height: 90px; line-height: 90px;  align-items: center; justify-content: center; display: inline-block; transition: all 500ms linear; transition-delay: 0.1s; z-index: 2; text-align: center;}
.service-icon i:before { font-size:35px; color:var(--bs-white);}
.service-icon span {position: relative; display: inline-block; font-size:35px; color:var(--bs-white); transition: all 500ms linear; transition-delay: 0.1s;}
.single-service-area:hover .service-icon { background:var(--bs-secondary);}
.single-service-area:hover .service-icon span {  transform: rotateY(360deg);}

.service-content { background: var(--bs-white); padding:2rem;}
.service-content h5 { font-size:30px; line-height:40px; text-transform: uppercase; font-weight: 700; margin:0; padding:0; color:var(--bs-secondary); /*-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:1; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; */}
.single-service-area:hover h5 { color:var(--bs-primary);}
.service-content p { padding:0; margin-bottom: 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:3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;*/}
/*services*/

/*TESTIMONIAL*/
.testimonial-box {}  
.testimonial-box .review_box { padding-left:6rem; padding-right:6rem;}
.testimonial-box .review_box .rd-img { position:relative; height:150px; line-height:150px; text-align: center; width:150px; border-radius:50%; margin:0 auto; border: 1px solid var(--bs-gray-200);}
.testimonial-box .review_box .rd-img .review_box-icon { color: var(--bs-primary);  width: 40px; height: 40px; line-height:40px; font-size:40px; font-weight: 600; padding: 0; margin:0; text-align: center; position: absolute; right:-1rem;  top:1rem; letter-spacing: normal; border-radius:50%;}
.testimonial-box .review_box .review_text { margin-top:1rem; }
.testimonial-box .review_box .review_text p { margin-top:0; margin-bottom: 0; }
.testimonial-box .review_box .review_text .review_rating i { font-size:12px; padding: 0; line-height: 20px; margin:0 1px; color: var(--bs-warning); }
.testimonial-box .review_box .review_text .review_name {font-size:18px; margin: 0 0 .5rem 0; padding: 0; line-height: 25px; font-weight:600; color: var(--bs-primary); letter-spacing:.5px;}
.testimonial-box .review_box .review_text .review_title {font-size:14px; margin: 0; padding: 0; line-height: 20px; font-weight:500; color: var(--bs-secondary); letter-spacing:.5px; font-style:italic;}
.testimonial-box .review_box .review_text .review_title_name {font-size:14px; margin: 0; padding: 0; line-height: 20px; font-weight:500; color: var(--bs-gray-800); letter-spacing:.5px;}
/*TESTIMONIAL*/

/*branches*/
#branches {background: var(--bs-light);}

/*Contact-BOX*/
.contact-us {position: relative; width: 100%; background: var(--bs-white); padding: 1.5rem; border-radius:15px;} 
.contact-us:hover {background: var(--bs-white); padding: 1.5rem; box-shadow: rgba(0, 0, 0, 0.1) 0px 20px 25px -5px, rgba(0, 0, 0, 0.04) 0px 10px 10px -5px; } 

.contact-us h5 { font-size:22px; margin:0 0 .5rem 0; padding: 0; line-height:1; font-weight:700; color: var(--bs-primary);} 
.contact-us h6 { font-size:17px; margin:0 0 .75rem 0; padding: 0; line-height:1; font-weight:600; color: var(--bs-success);} 
.contact-us p { margin: 0; color:var(--bs-gray-800); font-weight: 500;} 
.contact-us p a { color:var(--bs-gray-800); font-weight: 500;} 
.contact-us p a:hover { color: var(--bs-secondary);}
.contact-us .icon i {color:var(--bs-white); background:var(--bs-secondary); margin-top:1.5rem; font-size:20px; height:80px; width:80px; line-height:80px; text-align: center; transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s; border:none; border-radius: 50%;}
.contact-us:hover .icon i {color:var(--bs-white); background:var(--bs-primary); transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s;}
/*Contact-BOX*/
/*branches*/

/*FOOTER-ADDRESS*/
.contact-address {} 
.contact-address ul { margin:0; padding:0; list-style:none;} 
.contact-address ul li { margin-top:2rem;} 
.contact-address ul li:first-child {margin-top:0;}
.contact-address .icon, .contact-address .info {display: table-cell; vertical-align:top;} 
.contact-address .info {padding-left:1rem;}
.contact-address ul li i {color:var(--bs-white); background:var(--bs-primary); font-size:15px; height:60px; line-height:60px; text-align: center; width:60px; border-radius:50%; }

.contact-address .info h5 {margin:.25rem 0 0 0; padding:0; color: var(--bs-secondary); text-transform: uppercase; font-size:18px; line-height:30px; font-weight:600; letter-spacing:.5px; } 
.contact-address li .info p { font-size:14px; margin: 0; padding:0; line-height:20px; font-weight:400;  word-break: break-all;} 
.contact-address li .info p a { font-weight:400;}
.contact-address li .info p a:hover {}
/*FOOTER-ADDRESS*/

/*FOOTER*/
/*SOCIAL*/
.social-links { display:block; }
.social-links li { margin-right:.5rem; margin-left:.5rem; display: inline-block;}
.social-links li a {color:var(--bs-primary); background:var(--bs-white); font-size:15px; height:50px; line-height:50px; text-align: center; width:50px;  border-radius:25px; display: inline-block; transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s;}
.social-links li a:hover {color:var(--bs-white); background:var(--bs-secondary); text-decoration:none; transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s;}
/*SOCIAL*/

/*FOOTER BOTTOM*/
.footer-bottom {background:var(--bs-primary);}
.footer-bottom p {color:var(--bs-white); margin: 0; padding: 0; font-weight:400; font-size:14px; line-height:20px;}
.footer-bottom p span {color:var(--bs-white); font-weight:400; font-style:normal;}
.footer-bottom p a {color:var(--bs-white); font-weight:400; 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(--bs-secondary); 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:3rem; right:1rem; display: none; /*transform: rotate(-90deg);*/ border:none; background:var(--bs-secondary); color:var(--bs-white); width:50px; height:50px; line-height:50px; align-items: center; cursor: pointer; transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s; font-size:13px; letter-spacing: normal; z-index: 9; border-radius:50%;box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;}
#back-to-top:hover{color:var(--bs-white); background:var(--bs-primary); transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s;}
#back-to-top i { /*transform: rotate(90deg); margin-left:.5rem;*/}
/*BACK TO TOP*/

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

    
}


@media only screen and ( min-width: 768px) and ( max-width: 980px ) {
    
.section {scroll-margin-top:92px;}
    
/*LOGO*/
.logo { float:left; margin:1rem 0; padding:0; display:block;}
.logo img { height:60px;}
/*LOGO*/
    
.header-right { float: right; margin-top:1.625rem !important;}  

/*HERO*/    
#hero h1 {font-size:60px}
#hero h6 {font-size:20px;}
.hero-title{font-size:18px; line-height:25px;}
/*HERO*/    
}


@media only screen and ( min-width: 600px) and ( max-width: 765px ) {

p { font-size:13px; line-height:18px;}
.section-title h1 {font-size: 35px;}
.section-title span {font-size: 50px;}

.more-btn {font-size:15px; padding:1rem 2rem; line-height:25px;}

.more-btn i {font-size: 11px;}
    
.section {scroll-margin-top:92px;}
    
/*LOGO*/
.logo { float:left; margin:1rem 0; padding:0; display:block;}
.logo img { height:60px;}
/*LOGO*/
    
.header-right { float: right; margin-top:1.625rem !important;}      

/*HERO*/    
#hero h1 {font-size:55px}
#hero h6 {font-size:20px;}
.hero-title{font-size:18px; line-height:25px;}
    
/*HERO ICON*/
.hero-icon ul li i { font-size:14px; height:50px; line-height:50px; width:50px; }
.hero-icon .info h5 {font-size:16px; line-height:25px;} 
/*HERO ICON*/    
    
/*CONTACT FORM*/
.form-bg h2 {font-size:30px;}
.contact-page-form { font-size:13px; line-height:18px;}
.contact-page-form-bor { height:50px; line-height:50px; font-size:14px;}
.contact-page-form-textar { height:100px; line-height:30px; font-size:14px;}
.contact-page-form select { height:50px; line-height:50px; font-size:14px; }
.contact-page-form label { font-size:14px; line-height:20px;}
.contact-page-form-btn {font-size:15px; line-height:20px;}
.contact-page-form-btn i {font-size: 12px;}
/*CONTACT FORM*/    
/*HERO*/
    
/*MARKER LIST*/
.marker-list>li { font-size:15px; line-height:25px;}
.marker-list>li:after { font-size: 13px;}
/*MARKER LIST*/ 
    
/*services*/
.service-icon { width: 80px; height: 80px; line-height: 80px; }
.service-icon i:before { font-size:30px;}
.service-icon span {font-size:30px;}
.service-content h5 { font-size:25px; line-height:35px; }
/*services*/ 
    
/*TESTIMONIAL*/
.testimonial-box .review_box .rd-img {  height:120px; line-height:120px;  width:120px;}
.testimonial-box .review_box .rd-img .review_box-icon { width: 30px; height: 30px; line-height:30px; font-size:30px; }
.testimonial-box .review_box .review_text .review_rating i { font-size:11px; line-height:18px;}
.testimonial-box .review_box .review_text .review_name {font-size:16px; line-height: 25px;}
/*TESTIMONIAL*/    
    
/*branches*/
/*Contact-BOX*/
.contact-us h5 { font-size:20px;} 
.contact-us h6 { font-size:16px; } 
.contact-us .icon i {font-size:16px; height:70px; width:70px; line-height:70px;}
/*Contact-BOX*/
/*branches*/
    
/*FOOTER-ADDRESS*/
.contact-address ul li i {font-size:14px; height:50px; line-height:50px; width:50px; }
.contact-address .info h5 { font-size:16px; line-height:25px;} 
.contact-address li .info p { font-size:13px; line-height:18px;} 
/*FOOTER-ADDRESS*/    
    
/*FOOTER*/ 
/*SOCIAL*/
.social-links li a {font-size:14px; height:40px; line-height:40px; width:40px;}
/*SOCIAL*/
    
/*FOOTER BOTTOM*/
.footer-bottom p {font-size:13px; line-height:18px;}
/*FOOTER BOTTOM*/
/*FOOTER*/     
}


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

p { font-size:13px; line-height:18px;}
.section-title h1 {font-size: 35px;}
.section-title span {font-size: 50px;}

.section {scroll-margin-top:72px;}
   
.more-btn {font-size:15px; padding:1rem 2rem; line-height:25px;}

.more-btn i {font-size: 11px;}
    
/*LOGO*/
.logo { float:left; margin:1rem 0; padding:0; display:block;}
.logo img { height:74px;}
/*LOGO*/
    
.header-right { float: right; margin-top:1rem !important;}      
   
/*HERO*/    
#hero h1 {font-size:45px}
#hero h6 {font-size:18px;}
.hero-title{font-size:16px; line-height:20px;}
    
/*HERO ICON*/
.hero-icon ul li i { font-size:14px; height:50px; line-height:50px; width:50px; }
.hero-icon .info h5 {font-size:16px; line-height:25px;} 
/*HERO ICON*/  
    
/*CONTACT FORM*/
.form-bg h2 {font-size:25px;}
.contact-page-form { font-size:13px; line-height:18px;}
.contact-page-form-bor { height:45px; line-height:45px; font-size:14px;}
.contact-page-form-textar { height:90px; line-height:30px; font-size:14px;}
.contact-page-form select { height:45px; line-height:45px; font-size:14px; }
.contact-page-form label { font-size:13px; line-height:18px;}
.contact-page-form-btn {font-size:15px; line-height:20px;}
.contact-page-form-btn i {font-size: 12px;}
/*CONTACT FORM*/      
/*HERO*/
    
/*MARKER LIST*/
.marker-list>li { font-size:15px; line-height:25px;}
.marker-list>li:after { font-size: 13px;}
/*MARKER LIST*/ 
    
/*services*/
.service-icon { width: 80px; height: 80px; line-height: 80px; }
.service-icon i:before { font-size:30px;}
.service-icon span {font-size:30px;}
.service-content h5 { font-size:25px; line-height:35px; }
/*services*/     
    
/*TESTIMONIAL*/
.testimonial-box .review_box .rd-img {  height:120px; line-height:120px;  width:120px;}
.testimonial-box .review_box .rd-img .review_box-icon { width: 30px; height: 30px; line-height:30px; font-size:30px; }
.testimonial-box .review_box .review_text .review_rating i { font-size:11px; line-height:18px;}
.testimonial-box .review_box .review_text .review_name {font-size:16px; line-height: 25px;}
/*TESTIMONIAL*/  
    
/*branches*/
/*Contact-BOX*/
.contact-us h5 { font-size:20px;} 
.contact-us h6 { font-size:16px; } 
.contact-us .icon i {font-size:16px; height:70px; width:70px; line-height:70px;}
/*Contact-BOX*/
/*branches*/
    
/*FOOTER-ADDRESS*/
.contact-address ul li i {font-size:13px; height:40px; line-height:40px; width:40px; }
.contact-address .info h5 { font-size:16px; line-height:25px;} 
.contact-address li .info p { font-size:13px; line-height:18px;} 
/*FOOTER-ADDRESS*/     
    
/*FOOTER*/ 
/*SOCIAL*/
.social-links li a {font-size:14px; height:40px; line-height:40px; width:40px;}
/*SOCIAL*/
    
/*FOOTER BOTTOM*/
.footer-bottom p {font-size:13px; line-height:18px;}
/*FOOTER BOTTOM*/
/*FOOTER*/  
}


@media only screen and ( min-width: 320px) and ( max-width: 480px ) {

p { font-size:13px; line-height:18px;}
.section-title h1 {font-size: 30px;}
.section-title span {font-size: 40px;}

.section {scroll-margin-top:72px;}
    
.more-btn {font-size:15px; padding:1rem 2rem; line-height:25px;}

.more-btn i {font-size: 11px;}
    
/*LOGO*/
.logo { float:left; margin:1rem 0; padding:0; display:block;}
.logo img { height:40px;}
/*LOGO*/
    
.header-right { float: right; margin-top:1rem !important;}    

/*HERO*/    
#hero h1 {font-size:45px}
#hero h6 {font-size:18px;}
.hero-title{font-size:16px; line-height:20px;}
    
/*HERO ICON*/
.hero-icon ul li i { font-size:13px; height:40px; line-height:40px; width:40px; }
.hero-icon .info h5 {font-size:15px; line-height:20px;} 
/*HERO ICON*/  
    
/*CONTACT FORM*/
.form-bg h2 {font-size:25px;}
.contact-page-form { font-size:13px; line-height:18px;}
.contact-page-form-bor { height:45px; line-height:45px; font-size:14px;}
.contact-page-form-textar { height:90px; line-height:30px; font-size:14px;}
.contact-page-form select { height:45px; line-height:45px; font-size:14px; }
.contact-page-form label { font-size:13px; line-height:18px;}
.contact-page-form-btn {font-size:15px; line-height:20px;}
.contact-page-form-btn i {font-size: 12px;}
/*CONTACT FORM*/       
/*HERO*/
    
/*MARKER LIST*/
.marker-list>li { font-size:15px; line-height:25px;}
.marker-list>li:after { font-size: 13px;}
/*MARKER LIST*/
    
/*services*/
.service-icon { width: 80px; height: 80px; line-height: 80px; }
.service-icon i:before { font-size:30px;}
.service-icon span {font-size:30px;}
.service-content h5 { font-size:25px; line-height:35px; }
/*services*/  
    
/*TESTIMONIAL*/
.testimonial-box .review_box .rd-img {  height:120px; line-height:120px;  width:120px;}
.testimonial-box .review_box .rd-img .review_box-icon { width: 30px; height: 30px; line-height:30px; font-size:30px; }
.testimonial-box .review_box .review_text .review_rating i { font-size:11px; line-height:18px;}
.testimonial-box .review_box .review_text .review_name {font-size:16px; line-height: 25px;}
/*TESTIMONIAL*/      
    
/*branches*/
/*Contact-BOX*/
.contact-us h5 { font-size:20px;} 
.contact-us h6 { font-size:16px; } 
.contact-us .icon i {font-size:15px; height:60px; width:60px; line-height:60px;}
/*Contact-BOX*/
/*branches*/
    
/*FOOTER-ADDRESS*/
.contact-address ul li i {font-size:13px; height:40px; line-height:40px; width:40px; }
.contact-address .info h5 { font-size:16px; line-height:25px;} 
.contact-address li .info p { font-size:13px; line-height:18px;} 
/*FOOTER-ADDRESS*/     
    
/*FOOTER*/ 
/*SOCIAL*/
.social-links li a {font-size:13px; height:35px; line-height:35px; width:35px;}
/*SOCIAL*/    
    
/*FOOTER BOTTOM*/
.footer-bottom p {font-size:13px; line-height:18px;}
/*FOOTER BOTTOM*/
/*FOOTER*/  
}