@font-face{font-family: Raleway-Light; src: url('fonts/Raleway-Light.ttf');}
@font-face{font-family: Raleway-Regular; src: url('fonts/Raleway-Regular.ttf');}
@font-face{font-family: Raleway-Italic; src: url('fonts/Raleway-Italic.ttf');}
@font-face{font-family: Raleway-SemiBold; src: url('fonts/Raleway-SemiBold.ttf');}
@font-face{font-family: Lato-Regular; src: url('fonts/Lato-Regular.ttf');}
@font-face{font-family: Lato-Bold; src: url('fonts/Lato-Bold.ttf');}
body {font-family: 'Raleway-Regular', 'Helvetica Neue' , Helvetica, Arial, sans-serif;}
a{-webkit-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;-ms-transition:all 0.5s ease-in-out;
    -o-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out;}
a:hover{text-decoration:none;}
p{font-size: 15px; line-height: 20px; font-weight: 300;  font-family: 'Lato-Regular' , Helvetica, Arial, sans-serif;}
h1, h2, h3, h4, h5, h6{font-weight: 500; line-height: 24px; letter-spacing: 0.5;  font-family: Helvetica, Arial, sans-serif;}

.mrng-btm{margin-bottom: 15px;}
.mrng-tp{margin-top: 0px;}
.mrngtp20{margin-top: 20px}
.bg-primary {color: #fff; background-color: #4686cc;}
.no{display: none; background-color:rgba(0, 0, 0, 0.8); right: 0; top: 3px; position: fixed; z-index: 99999999; padding: 10px 20px; color: #fff; border-radius: 25px 0px 0px 25px; font-size: 20px; font-family: arial;}

 .map {
    width: 100%; float:left;
    margin: 0 auto;
    padding: 10px;
    border:1px solid #d8d5d0;
    height:400px;
}
 .map .information {
    width:30%;
    z-index: 100;
    margin:10px;
    padding: 20px;
    background: rgba(255,255,255,0.98);
    position: absolute;
    float: left !important;
}



.btn-warning {color: #25290A; background-color:#CBE000; border-color: #CBE000; transition: all 0.28s ease-in-out 0s;}
.btn-warning:hover {color: #fff; background-color:#121212;  border-color: #121212;}
.btn-warning:focus,.btn-warning.focus {color: #fff; background-color: #121212; border-color: #121212;}
.btn-white {color: #fff; background-color: transparent; border-color: #fff;}
.btn-white:hover{color: #0099ff; background-color: #fff; border-color: #0099ff;}
.btn-default {color: #fff; background-color: #DF0000; border-color: #DF0000; text-transform: uppercase; font-size: 12px}
.btn-default:hover{color: #fff; background-color: #333; border-color: #333;}
.btn {display: inline-block; border-radius: 0px; font-family: 'Lato-Regular' , Helvetica, Arial, sans-serif; border-radius: 50px;}
.btn-lg, .btn-group-lg > .btn {padding: 10px 40px;}

.topdiv{width: 100%; background-color: transparent; border-bottom: 1px solid #CBE000; padding: 10px 0px; color: #25290A; letter-spacing: 0.5px;}
.topdiv p{margin-bottom: 0px; font-size: 14px;}
.topdiv p i{font-size: 20px; display: inline-block; vertical-align: middle; padding-right: 10px;}
.topdiv ul{margin: 0px; padding: 0px; text-align: right}
.topdiv ul li{font-size: 14px; list-style-type: none; display: inline; font-family: 'Lato-Regular' , Helvetica, Arial, sans-serif;}
.topdiv ul li:last-child{border-left:1px solid #25290A; margin-left: 20px; padding-left: 20px;}

.modal-header {padding: 15px; border-bottom: 1px solid #e5e5e5; background-color: #bccf30; color: #fff;}
.close {font-size: 30px;}
.bg-pattern {width: 100%; padding:10px 0px; font-family:'Helvetica Neue' , Helvetica, Arial, sans-serif; background-color:#FFF;}
.bg-pattern ul {margin: 0 0 0 24px;}
.bg-pattern ul li {list-style: circle; font-family: Arial; font-size: 14px; color: #313131; line-height: 22px;}

.number{width: 100%; padding: 0px 5px; float: left;}
.number img{float: left; margin-right: 10px}
.number span{font-size: 11px; line-height: 14px; text-transform: uppercase; color: #b8b8b8;}
.number p{font-size: 20px; color: #f00; font-family: arial; margin-top: -8px}
.navbar .navbar-collapse {
    text-align: center;
}
.num{background-color: #9EAE28; width: 180px; text-align: center; padding: 10px; float: right; border-radius: 50px; margin-top: 5px;}
.num img{float: left; padding-left: 10px;}
.num p{ color: #fff; font-size: 18px; margin-top: 0px; margin-bottom: 0px;} 
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    color: #555;
    cursor: default;
    background-color: #fff;
    border: 1px solid #ddd;
}

.nav > li > a {position: relative; display: block; padding: 12px 20px;}
.navbar-default .navbar-nav > li > a {color: #fff; font-size: 14px; letter-spacing: 1.5px; font-weight: bold; margin-left: 10px;}
.navbar-default .navbar-nav > li > a:hover {color: #9EAE28; background-color: #fff; border-radius: 25px;}
.navbar-default {background:#BCCF30; margin-bottom: 0px; border:none; border-radius: 0px; padding: 5px 0px;}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {color: #9EAE28;
background-color: #fff; border-radius: 25px;}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {border-color: #e7e7e7;}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {color: #9EAE28; background-color: #fff; border-radius: 25px;}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {background-color: #121212; color: #fff;}
.navbar-nav > li > .dropdown-menu {margin-top: 5px; border-top-left-radius: 0; border-top-right-radius: 0;}
.dropdown-menu > li > a {display: block; padding: 15px 15px;}
.dropdown-menu > li > a:hover {color: #fff; background-color: #9EAE28;}
.dropdown-menu {padding: 0px;}
.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {color: #fff; text-decoration: none; background-color: #9EAE28;
 outline: 0;}
 .dropdown-menu > li.kopie > a {padding-left:5px;} 
.dropdown-submenu { position:relative;}
.dropdown-submenu>.dropdown-menu {top:0;left:100%; margin-top:-6px;margin-left:-1px; -webkit-border-radius:0 6px 6px 6px;-moz-border-radius:0 6px 6px 6px;border-radius:0 6px 6px 6px;
 }  
.dropdown-submenu > a:after {border-color: transparent transparent transparent #333; border-style: solid; border-width: 5px 0 5px 5px; content: " "; display: block;
  float: right;  height: 0; margin-right: -10px; margin-top: 5px; width: 0;} 
.dropdown-submenu:hover>a:after {border-left-color:#555;}
.dropdown-menu > li > a:hover, .dropdown-menu > .active > a:hover {text-decoration: none;}  

.phone-listing{width: 100%; float: left; border: 1px solid #d4d4d4; text-align: center;}
.bg-banner{width: 100%; height: auto; text-shadow: 1px 1px 3px #fff; background:#ACC9D7;}
.bg-banner h2 small{color: #203354; font-size: 40%;}

.carousel-caption h1{font-size:40px; color: #fff; letter-spacing: 0.5px; margin-top: 0px; text-transform: uppercase; font-weight:900; margin-bottom: 20px;}
.carousel-caption p{margin-top: 20px; margin-bottom: 20px;}
.carousel-caption{position: absolute; right: 0%; bottom: 20px; left: 14.5%; top:45%; z-index: 10; padding-top:0px; padding-bottom: 0px; color: #fff; text-align: center; text-shadow: none; width: 70%;}
.carousel-inner > .item > img, .carousel-inner > .item > a > img{line-height: 1; width: 100%;}
.carousel-control {font-size: 20px;color: #fff; text-align: center;text-shadow:none; width:3%;}
.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-prev, .carousel-control .icon-next {width: 50px; height: 50px; margin-top: -10px; font-size: 30px;
    border:none; line-height: 45px; border-radius: 0px; background-color: #CBE000; box-shadow: 0 0 0 8px rgba(203, 224, 0, 0.49); border-radius: 50%;}
.carousel-control.left {left: 0; right: auto; background-image: none;}
.carousel-control.right {right: 0; left: auto; background-image: none;}
.item .btn-outlineblue{color: #203354; font-size: 18px; font-weight: normal; border-radius: 2px; background: transparent; transition: all 0.3s ease-in-out; margin: 10px 5px 10px 0px; border: 1px solid #203354;
    font-family: open-sans-regular;}
.item:hover .btn-outlineblue{color: #fff; background: #203354; border: solid 1px #203354;}
.carousel-fade .carousel-inner .item {opacity: 0; transition-property: opacity;}
.carousel-fade .carousel-inner .active {opacity: 1;}
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {left: 0; opacity: 0; z-index: 1;}
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {opacity: 1;}
.carousel-fade .carousel-control {z-index: 2;} 
.carousel-indicators li {
    border: 1px solid #32cfb0;
}
.fixed {position: fixed; top: 0; left: 0; width: 100%; z-index: 999999;}
.hide-logo {padding-top: 0px; position: absolute; display: none; width: auto; float: left; left: 15px; margin-top: 0px;}

.welcomediv{width: 100%; padding: 50px 0px; text-align: center; background: url(../images/welcmpattern.png);}
.welcomediv h1{font-size: 30px; color: #333; margin-bottom: 15px; text-transform: uppercase;}
.welcomediv h1 span{font-size: 36px; color: #9eae28; font-weight: bold;}
.welcomediv p{letter-spacing: 0.5px; line-height: 26px; margin-bottom: 15px;}
.welcomediv h3{margin-bottom: 30px; margin-top: 0px; font-size: 30px; color: #666; font-weight: 300; text-transform: uppercase;}
.welcomediv h3 span{color: #DF0000; font-style: italic; font-weight: 700; margin: 0px;}

.productdiv{width: 100%; padding: 30px 0px 50px 0px; float: left; background-color: rgba(0,0,0,0.88); background: url(../images/3.jpg); background-attachment: fixed; background-size: cover; }
.productdiv h2 {color: #fff; margin-top: 0px; text-align: center;}

.testimonialdiv{width: 100%; background-color: #fff; padding: 50px 0px; float: left;}
.testimonialdiv h2{text-align: center; margin-bottom: 40px; font-size: 36px;}


.aboutbg{width: 100%; padding: 20px 0px; margin: 0px; background:url(../images/aboutbg.jpg) center center; background-attachment: fixed; color:#fff; text-align: center; height: 120px;}
.aboutbg h3 span{font-size: 35px; font-weight: 100;}
.aboutbg h3{font-size: 30px; margin-bottom: 10px; font-weight: bold;}
.aboutbg p{margin-bottom: 0px;}
.breadcrumb {padding: 0px 5px; margin-bottom: 0px; list-style: none; background-color: transparent; border-radius: 0px;}
.breadcrumb > .active {color: #fff;}
.breadcrumb > li > a {color: #fff; text-decoration: none;}
.breadcrumb > li > a:hover {color: #F9520B;}
.breadcrumb > li + li::before {padding: 0 5px; color: #fff; content: "/\00a0";}

.about-breadcrum{width: 100%; padding:0px; color: #fff; text-align: center;}
.about-breadcrum h1{margin-bottom: 0px; font-size: 24px;}

.modal-dialog { margin: 150px auto 0px auto;}    
.form-control {height: 45px; border-radius: 0px; box-shadow: none; border: none; border-bottom: 2px solid #ddd;}
.form-control:focus {
    border-color: #BCCF30;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}
/* enable absolute positioning */
.inner-addon { 
    position: relative; 
}

textarea.form-control {
    height: auto;
    padding-left: 30px;
}
/* style icon */
.inner-addon .glyphicon {
  position: absolute;
  padding: 15px;
  pointer-events: none;
  color: #ccc;
}

/* align icon */
.left-addon .glyphicon  { left:  6px;}
.right-addon .glyphicon { right: 0px;}

/* add padding  */
.left-addon input  { padding-left:  30px; }
.right-addon input { padding-right: 30px; }

.maindiv{width: 100%; float: left; padding: 50px 0px;}
.maindiv h3{text-transform: uppercase; letter-spacing: 1px; color: line-height: 1.5; font-size: 20px; font-weight: 700; margin-top: 0px;}
.maindiv h4{ margin-bottom: 10px; font-size: 20px; margin-top: 0px; font-weight: 300;}
.maindiv h4 span{color: #666; font-weight: normal;}
.maindiv h5{ margin-bottom: 0px; font-size: 17px; margin-top: 0px;}
.maindiv p{ font-size: 15px; line-height: 24px; font-weight: 300;  font-family: 'Lato-Regular' , Helvetica, Arial, sans-serif; color: #555;  }
.maindiv h6{ margin-bottom: 0px; font-size: 14px;}

.serviceimg{position: relative; height: 250px;}
.serviceimg img{position:absolute; margin: auto; left: 0; right: 0; top: 0; bottom: 0;}

@media all and (transform-3d), (-webkit-transform-3d) {
    .carousel-fade .carousel-inner > .item.next,
    .carousel-fade .carousel-inner > .item.active.right {opacity: 0; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}
    .carousel-fade .carousel-inner > .item.prev,
    .carousel-fade .carousel-inner > .item.active.left {opacity: 0; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}
    .carousel-fade .carousel-inner > .item.next.left,
    .carousel-fade .carousel-inner > .item.prev.right,
    .carousel-fade .carousel-inner > .item.active {opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}
  } 

fieldset.fsStyle {font-family: Arial,sans-serif; font-size: small; font-weight: normal; border: 1px solid #DDD; padding: 5px 20px; margin: 5px; font-weight: 200;}
legend {width: auto; border-bottom: 0px none; margin-bottom: 10px; margin-left: 15px;}
legend.legendStyle {color: #0091EA !important; background-color: #fff; font-weight: 300; padding-top: 10px; font-size: 22px; padding-left: 10px; padding-right: 10px;}
legend.legendStyle a{color: #CBE000;}

footer{width: 100%; padding: 30px 0px 30px 0px; color: #fff; float: left; border-top: 5px solid #CBE000; background: url(../images/footerpattern.jpg); background-attachment: fixed;}
footer p{text-align:left; line-height: 24px;}
footer h4{color: #CBE000; border-bottom: 1px solid #d4d4d4; padding-bottom:10px; font-weight: bold;}
footer .fa{color: #fff; font-size: 18px; margin-right: 10px;}
footer p a{color: #fff;}
footer p a:hover{color: #CBE000;}
footer ul{margin: 0; padding: 0;}
footer ul li{ list-style-type: none;  padding: 0px; line-height: 30px; font-family: 'Lato-Regular' , Helvetica, Arial, sans-serif;}
footer ul li a{color: #fff; text-decoration: none;}
footer ul li a:hover, a:active, a:focus{color: #CBE000; text-decoration: none;}

.fotterbtm{width: 100%; background-color:#9EAE28; text-align: center; padding: 20px 0px 20px 0px; color: #fff;; float: left;}
.fotterbtm p{margin-bottom:0px; line-height: 24px; }
.fotterbtm p a{ color: #121212;}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #fff;
}
table{ width:100%; font-family: arial;}
td, th {
    padding: 5px;
    border: 1px solid #eee;
}
.thumbnail {color: #333; text-align: center;}
.thumbnail h3{font-size: 16px; font-weight: 300; text-transform: uppercase; min-height: 50px; font-weight: bold; margin-bottom: 0px;}
.thumbnail:hover h3{font-size: 16px; color: #9EAE28;}
.thumbnail:hover {color: #9EAE28; border: 1px solid #9EAE28; text-decoration: none}
.thumbnail .serviceimg{position: relative; height: 250px; margin: 7px;}
.thumbnail .serviceimg img{position:absolute; margin: auto; left: 0; right: 0; top: 0; bottom: 0; max-width: 100%; max-height: 100%;}
.thumbnail p{ height: 70px; overflow: hidden;}

/* back to top button start Here */
.customer-review{background-color: #f7f9f9; box-shadow: 30px 0 50px rgba(0, 0, 0, 0.15); padding: 15px;}
.customer-review h3{text-align: center; margin-bottom: 20px;}

.scroll-top-wrapper{position:fixed;opacity:0;visibility:hidden;overflow:hidden;text-align:center;z-index:99999999;
    background-color:#121212;color:#FFF;width:42px;height:40px;line-height:32px;right:30px;bottom:30px;padding-top:2px;
    -webkit-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;-ms-transition:all 0.5s ease-in-out;
    -o-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out; border-radius: 50%; box-shadow: 0 0 0 8px rgba(18, 18, 18, 0.49);}
.scroll-top-wrapper:hover{background-color:#F9520B; box-shadow: 0 0 0 8px rgba(249, 82, 11, 0.49)}
.scroll-top-wrapper.show{visibility:visible;cursor:pointer;opacity:1.0}
.scroll-top-wrapper i.fa{line-height:inherit}
/* back to top button end Here */

.post-slide{margin: 15px;}
.post-slide .post-img{overflow: hidden;}
.post-slide .post-img img{width: 100%; height: 250px; transform: scale(1); transition: all 1s ease-in-out 0s;}
.post-slide:hover .post-img img{transform: scale(1.08);}
.post-slide .post-content{background: #fff; padding: 20px;text-align: center;}
.post-slide .post-title{font-size: 17px; font-weight: 600; margin-top: 0; text-transform: capitalize;}
.post-slide .post-title a{display: inline-block; color: #808080; transition: all 0.3s ease 0s;}
.post-slide .post-title a:hover{color: #3d3030;text-decoration: none;}
.post-slide .post-description{font-size: 15px; color: #676767; line-height: 24px; margin-bottom: 14px; min-height: 70px; overflow: hidden;}

.serviceBox{text-align: center; margin-top: 60px; position: relative; z-index: 1;}
.serviceBox .service-icon{width: 78px; height: 78px; border-radius:3px; background: #fff; margin: 0 auto; position: absolute; top: -34px; left: 0; right: 0; z-index: 1; transition: all 0.3s ease-out 0s;
}
.serviceBox:hover .service-icon{transform: rotate(45deg);}
.serviceBox .service-icon span{display: inline-block;width: 60px; height: 60px; line-height: 60px; border-radius:3px; background: #727cb6; font-size: 30px; color: #fff; margin: auto; position: absolute;
    top: 0; left: 0; bottom: 0; right: 0; transition: all 0.3s ease-out 0s;}
.serviceBox .service-icon span i{transition: all 0.3s ease-out 0s;}
.serviceBox:hover .service-icon span i{transform: rotate(-45deg);}
.serviceBox .service-content{background: #fff; border: 1px solid #e7e7e7; border-radius: 3px; padding: 55px 20px 15px 15px; position: relative; min-height: 190px;}
.serviceBox .service-content:before{content: ""; display: block; width: 80px; height: 80px; border: 1px solid #e7e7e7; border-radius: 3px; margin: 0 auto; position: absolute; top: -37px;left: 0;
    right: 0; z-index: -1; transition: all 0.3s ease-out 0s;}
.serviceBox:hover .service-content:before{transform: rotate(45deg);}
.serviceBox .title{font-size: 17px; font-weight: 500; color: #324545; text-transform: uppercase; margin: 0 0 10px 0; position: relative; transition: all 0.3s ease-out 0s;}
.serviceBox .title:hover{color: #90C29D;}
.serviceBox .description{font-size: 14px; font-weight: 500; line-height: 24px; margin-bottom: 0;}
.serviceBox.orange .service-icon span{ background: #CBE000;}
.serviceBox.orange:hover .title{ color: #CBE000; }

.testimonial{text-align: center;}
.testimonial .description{color:#656565; font-size: 16px; line-height: 24px; margin-bottom: 30px; padding:0px 11%; position: relative;}
.testimonial .description:before{content: "\f10d"; font-family: 'FontAwesome'; display: inline-block; position: absolute; top: 8px; left: 2%; color:#CBE000; font-size: 36px;}
.testimonial .description:after{content: "\f10e"; font-family: 'FontAwesome'; display: inline-block; position: absolute; top: 8px; right: 2%; color:#CBE000; font-size: 36px;}
.testimonial .pic{width: 94px; height: 94px; margin: 0 auto;}
.testimonial .pic img{width: 100%; height: 100%; border-radius: 50%;}
.testimonial-title{font-size: 18px; color:#333; font-weight: bolder; text-transform: capitalize;}
.testimonial-title > small{display: block; color:#656565; font-size: 15px; text-transform: uppercase; margin-top: 5px;}
.owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span{background: #CBE000;}
.owl-theme .owl-controls .owl-page span{opacity: 1;}
@media screen and (max-width: 480px) {
    .description{font-size:14px; line-height: 20px;}
    .description:before,
    .description:after{font-size: 25px;}
} 
@media only screen and (max-width: 990px){
    .serviceBox{ margin-bottom: 30px; }
}
.box{position: relative; overflow: hidden; margin-bottom: 30px;}
.box img{width: 100%; height: auto; transform: translateY(0); transition: transform 0.30s ease 0s;}
.box:hover img{transform: translateY(-10%);}
.box-content{position: absolute; bottom: 0; width: 100%; padding: 25px; background: #f9520b; transform: translateY(100%); transition: all 0.30s ease 0s;}
.box:hover .box-content{ transform: translateY(0);}
.box-content .title{color: #fff; margin: 0; padding: 0; display:inline-block; text-transform: capitalize; font-size: 16px; font-weight: 300;}
.box-content .read{float: right;display: inline-block; width: 100px; height: 30px; line-height: 30px; color: #CBE000; text-align: center; background: #fff;}
.box-content .read:hover{ text-decoration: none;}
@media only screen and (max-width: 359px){
.box-content .title{ font-size: 19px; }
.box-content .read{ width: 85px; }
}
@media (max-width: 1024px) {
    .navbar-header {float: none;}
    .navbar-toggle {display: block;}
    .navbar-collapse {border-top: 1px solid transparent; box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);}
    .navbar-collapse.collapse {display: none!important;}
    .navbar-default .navbar-collapse, .navbar-default .navbar-form {border-color: #e7e7e7; float: none !important;}
    .navbar-nav {float: none!important; margin: 7.5px -15px;}
    .navbar-nav>li {float: none;}
    .navbar-text {float: none; margin: 15px 0;}
    .navbar-collapse.collapse.in { display: block!important;}
    .collapsing {overflow: hidden!important;}
    .bg-banner .item p {font-size: 14px;  line-height: 20px;}
    .carousel-caption h3 {font-size: 20px;}
    .carousel-caption {top: 10%;}
        .navbar-default .navbar-toggle {border-color: #ddd;}
.navbar .navbar-collapse {text-align: left;}
.no {top: 61px;}
}


@media (min-width: 767px) {
    .navbar-nav .dropdown-menu .caret {
    transform: rotate(-90deg);
    }
}
@media only screen and (max-width: 991px) { 
.carousel-caption h3 {font-size: 18px; margin-bottom: 0px;}
.carousel-caption h1 {font-size: 30px;}
.bg-banner .item p {font-size: 12px; line-height: 18px;}
.productdiv p {min-height: 75px; font-size: 12px; line-height: 19px;}
.productdiv1 p {min-height: 75px; font-size: 12px; line-height: 19px;}
.ftr-left ul li{padding: 0px 0px;}
.nav > li > a {padding: 12px 13px;}
.navbar-default .navbar-nav > li > a {margin-left: 0px;}
 .map .information {
    width:50%;
}
}
@media only screen and (max-width: 767px)   
{
     .map .information {
    width:90%;
    margin:5px;

}
.navbar-default .navbar-nav > li > a {text-align: left;}
.aboutbg h3 span {font-size: 30px;}
.aboutbg h3 {font-size: 20px;}
.topdiv p {margin-bottom: 0px; font-size: 16px; margin-top: 5px;}
.topdiv ul{text-align: center;}
.topdiv ul li {font-size: 16px;}
.topdiv ul li a{ color: #fff; padding: 0px 8px;}
.topdiv ul li:last-child {border-left: 1px solid #fff; margin-left: 7px; padding-left: 7px;}
footer ul li{width: 100%; float: none;}
.welcomediv {padding: 15px 0px;}
.welcomediv h3 {margin-bottom: 10px; font-size: 20px;}
.maindiv {padding: 15px 0px;}
.maindiv h3 {letter-spacing: 0px; font-size: 16px;}
.serviceBox .service-content {padding: 55px 15px 20px 15px; min-height: 136px;}
.serviceBox{ margin-bottom: 0px;}
.welcomediv h1 {font-size: 20px;}
.welcomediv h1 span {font-size: 22px;}
.welcomediv p {letter-spacing: 0.5px; line-height: 20px;}
.productdiv h2 {font-size: 18px;}
.post-slide .post-description {font-size: 12px; color: #676767;  line-height: 18px;  margin-bottom: 14px;}
.testimonialdiv h2 {margin-bottom: 10px; font-size: 24px; margin-top: 0px;}
.testimonialdiv {padding: 20px 0px;}
.testimonial .description::before {font-size: 20px;}
.testimonial .description::after {font-size: 20px;}
.testimonial .description {font-size: 14px;line-height: 20px;}
}