@media(min-width:1200px) {
     
 }
 
 @media screen and (min-width : 992px) and (max-width : 1199px){
    .header{ font-size: 12px;}     
    .header strong{font: 700 13px 'Lato', sans-serif;}
    .imgIcon img {max-width: 20px;}
    .imgIcon{margin-right: 10px;}
    .topRgt .col-md-4{padding: 0 8px;}
    
    .navbar-inverse .navbar-nav > li > a{font: 600 13px 'Lato', sans-serif;padding: 20px 15px;}
    #myCarousel h2{ margin-top: 0;font-size: 40px;}
    
    .servicesDiv #owl-demo p{font: 600 14px 'Lato', sans-serif;}
    .footerTop{height: auto;padding: 20px 0;}
    .footerTop .footAddr p{font-size: 18px;}
     
     

}

@media only screen  and (max-width : 991px) and (min-width : 768px){ 
    .logo img {max-width: 180px;}
    .topHeader .quoteBtn{padding: 16px 12px;font: 400 14px/20px 'Lato', sans-serif;}  
    .topHeader p img{max-width: 20px;}
    .header{ font-size: 11px;} 
    .header p{word-wrap: break-word;white-space: normal;}
    .header strong{font: 700 11px 'Lato', sans-serif;}
    .imgIcon img {max-width: 14px;}
    .imgIcon{margin-right: 6px;height: auto;}
    .topRgt{padding-left: 0;}
    .topRgt .col-md-4{padding: 0 8px;}
    
    .navbar-inverse .navbar-nav > li > a{font: 600 11px 'Lato', sans-serif;padding: 17px 10px;}
    #myCarousel h2{ margin-top: 0;font: 900 40px 'Lato', sans-serif;}
    #myCarousel h3 {font: 300 18px/27px 'Lato', sans-serif;margin: 14px 0 30px;}
    #myCarousel .item img{height: 350px;width: 100%;object-fit: cover;}
    #myCarousel .carousel-caption{top: 75px;margin: 0 auto;}

    
}

@media(max-width:991px){
    
  .securityDiv, .servicesDiv, .enquiryDiv {margin-top: 55px;}  
  .securityDiv h2{font: 700 18px/28px 'Lato', sans-serif;margin: 0 0 12px 0;}
  .securityDiv p{font: 400 14px/26px 'Ubuntu', sans-serif;margin: 0 0 16px 0;}
  .servicesDiv h2{font: 700 26px/36px 'Lato', sans-serif;margin: 100px 0 12px 0;}
  .servicesDiv p {font: 300 14px/22px 'Lato', sans-serif;}
  .servicesDiv #owl-demo p{font: 600 14px 'Lato', sans-serif;}
  .enquiryDiv .form-control{font: 400 13px 'Lato', sans-serif;}
  .enquiryDiv .btn{font: 400 16px 'Lato', sans-serif;}
  .enquiryDiv h2{font: 700 26px/36px 'Lato', sans-serif;}
  .enquiryDiv h3{font: 400 20px 'Lato', sans-serif;}
  .enquiryDiv form {margin-top: 50px;}
  .footerTop{padding: 20px 0 20px 0;height: auto;margin-top: 30px;}
  .footerTop p{font: 400 16px/24px 'Lato', sans-serif;margin: 28px 0 0 0;}
  .footerTop .footAddr p{font: 400 16px 'Lato', sans-serif;}
  .footerTop .lineDiv{margin: 28px 0 28px 0;}
  .footerTop .footAddr li{margin: 0 15px 15px 15px;}
  .footerBottom p, .footerBottom p span{font: 400 14px 'Lato', sans-serif;}
  .footerBottom{padding: 10px 0 6px;}
 
    
    
}

@media(max-width:767px){
.topHeader .col-sm-9.col-xs-12{ display: none;}
.topHeader .quoteBtn{padding: 14px 12px;font: 400 12px/12px 'Lato', sans-serif;}     
.topHeader p{font: 400 12px/34px 'Lato', sans-serif;}
.topHeader{text-align: center;}
.topHeader p img{max-width: 20px;}

.logo{display: block;}
.logo img {max-width: 180px;}
.topRgt{ display: none;}

.navbar-toggle{background-color: #333;border: 1px solid #333;margin-top: -66px;margin-right: 22px;}
.navbar{min-height: auto;}
.navbar-nav{margin: 0;}
.navbar-inverse .navbar-nav > li > a{font: 600 14px 'Lato', sans-serif;border-bottom:transparent 1px solid; border-top: 0;}
.nav > li > a{padding: 12px 8px;}
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:focus, .navbar-inverse .navbar-nav > .active > a:hover{color: #222222;background-color:transparent;}
.navbar-inverse .navbar-nav > li > a:focus, .navbar-inverse .navbar-nav > li > a:hover {background: transparent;border-bottom: #175fa9 1px solid;color: #175fa9; border-top: 0;}

#myCarousel h2{ margin-top: 0;font: 900 26px 'Lato', sans-serif;}
#myCarousel h3 {font: 300 14px/22px 'Lato', sans-serif;margin: 4px 0 18px;}
#myCarousel .appBtn, #myCarousel .serviceBtn{width: 190px;font: 400 13px/50px 'Ubuntu', sans-serif;height: 46px; line-height: 46px;}
.carousel-indicators{bottom: -12px;}

.servicesDiv{height: auto;padding-bottom: 50px;}
.servicesDiv h2{margin: 40px 0 12px 0;}
.servicesDiv #owl-demo{margin-top: 20px;}

.footerTop p, .footerTop .footAddr p{font: 400 14px/24px 'Lato', sans-serif;}
.footerTop .footAddr li {margin: 0 15px 8px 15px;}
.footerBottom p, .footerBottom p span {font: 400 12px 'Lato', sans-serif;}

.contact-form .wpcf7-form-control, .contact-form input.btn{font: 400 14px 'Lato', sans-serif;}
.address-box {margin: 28px auto 0 auto;text-align: center;}

.securityDiv ul li{display: inline-block;vertical-align: top;width: 49%; font: 400 13px/20px 'Ubuntu', sans-serif;}
.securityDiv ul li::before{left: 5px; top: 3px;}
    
    
}


@media(max-width:480px){
  #myCarousel h2 {font: 900 13px 'Lato', sans-serif;margin-bottom: 10px;} 
  #myCarousel h3{ display: none;}
  #myCarousel .appBtn, #myCarousel .serviceBtn {width: 138px;font: 400 10px/50px 'Ubuntu', sans-serif;height: 40px;line-height: 40px;}
  .footerTop{text-align: center;}
  .footerTop img{margin: 0 auto 20px auto;}
  .footerTop p{margin: 16px 0 0 0;}
  .footerTop .lineDiv {margin: 16px 0 16px 0;}
  .footerTop img {margin: 0 auto 4px auto;}
  
  #myCarousel .carousel-control.left, #myCarousel .carousel-control.right{ display: none;}
  
  .securityDiv .security-img{width: 100%;max-width: 300px;display: block;margin: 0 auto;float: none;margin-bottom: 30px;}
    

}


@media(max-width:360px){
}