/* Commen css */
*
{
    padding: 0px;
    margin: 0px;
} 

body {
	font-family: "Open Sans", sans-serif;
	font-size: 16px;
	color:#383838;
	background-color: #fff;
	line-height: 1.7em;
	font-weight:400;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}       
            
p, span 
{
    font-size: 16px;
	color:#383838;
 line-height: 1.7em;
	font-weight: 500;
  margin-bottom: 1rem !important;
  padding: 0px;
}

h1, h2, h3, h4, h5, h6 
{
font-family: "Roboto", sans-serif;
  margin-bottom: 0rem !important;
	  color: #2b2b2b!important; 
	padding-bottom: 10px;
	line-height: 1em;
	font-weight: 500;
	
}

h1 {
    text-transform: uppercase;
  font-size: 45px;
  text-align: center;
  color: #2b2b2b !important;
  padding-bottom: 10px;
  line-height: 1.2em;
  font-weight: 500; 
} 
   
h2  
{
  font-size:40px;
    line-height:50px;
  color: #2b2b2b !important;
  padding-bottom: 10px;
  font-weight: 500;
}
  
h3 {

  font-size:30px;
    line-height: 38px;
    color: #2b2b2b!important; }

h4 {
  font-size: 20px;
line-height: 30px;}

h5 {
  font-size: 16px; }

h6 {
  font-size: 12px; }

a 
{
  color:  #3561A3;
	text-decoration: none;
}

a:hover 
{
  color: #3561A3;
  text-decoration: none; 
}

.btn-primary {
  background-color: #242424;
  border: 1px solid #000000; }

.btn-primary:hover {
  background-color: #000000;
  border: 1px solid #242424; }

.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle {
  background-color: #000000;
  border: 1px solid #242424; }

.btn-primary:focus, .btn-primary.focus {
  box-shadow: 0 0 0 0.2rem rgba(36, 36, 36, 0.5); }

.paddl0 {
  padding-left: 0px; }

.paddr0 {
  padding-right: 0px; }

.paddlr0 {
  padding-left: 0px;
  padding-right: 0px; }

.row-padd-t {
  padding-top: 30px; }

.row-padd-b {
  padding-bottom: 30px; }

.row-padd-tb {
  padding-top: 30px;
  padding-bottom: 30px; }

img 
{
    max-width:100%;
    height:auto;
}
.btn-check:focus + .btn, .btn:focus 
{
  outline: 0;
  box-shadow: 0 0 0 .0rem rgba(13,110,253,.0) !important;
}

/* commen css */

.email-div 
{
  width: 100%;
  height: auto;
  margin: 0 auto;
  background-color: #3561A3;
  color: #fff;
}
.email-div p a,.email-div p  {
  color: #fff !important;
  font-weight:600;
    font-size: 14px;
}

.email-div a i
{
    font-size: 16px; 
     color: #fff !important;
}

.email-div
{
   padding-top: 10px;
  padding-bottom: 10px;
}
.email-div p
{
    margin-bottom:0rem !important;
}
.row-width 
{
  width: 100% !important;
}
.navbar-toggler-icon
{
    margin-bottom: 0px!important;
}
.navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .dropdown .nav-link.active 
{
  color:#3561A3!important;
}  

.navbar-light .navbar-nav .nav-link {
  font-weight: 600;
  text-transform: uppercase;
  font-size:17px;
  color: #000 !important;
  line-height: 1.1em;
    transition: all .4s;
}


.navbar .dropdown:hover .dropdown-menu {
    display: block;
    margin-top: 0;
  }

.dropdown-menu
{
    border-top:3px solid #3561A3;
    background-color: #fff;
    border-left: 0px;
    border-right: 0px;
    border-bottom: 0px;
    border-radius: 0px;
    box-shadow: 0 2px 5px rgba(0,0,0,.1);
  -moz-box-shadow: 0 2px 5px rgba(0,0,0,.1);
  -webkit-box-shadow: 0 2px 5px rgba(0,0,0,.1);
        padding:12px 20px;
}  
.dropdown-menu .dropdown-item
{
    font-size: 14px;
    color: #000 !important;
    font-weight: 600;
  text-transform: uppercase;
    line-height: 1.3em;
    word-wrap: break-word;
     width:230px;
    white-space: normal;
}
.dropdown .dropdown-menu .cnt-dropdown-item
{
     width:120px!important;
} 
.dropdown-menu .dropdown-item:hover
{
    background-color: rgba(0,0,0,.03);
  opacity: .7;
}

  .navbar-expand-lg .navbar-nav .nav-link {
    padding-right: .6rem;
    padding-left: .6rem;
  }


.gradient-overlay
{ 
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(90deg,#f4f0e9 30%,rgba(244,240,233,0) 100%);
  pointer-events: none; /* clicks pass through */
} 
.servicesbg-img .gradient-overlay
{ 
    background-image: linear-gradient(90deg,rgba(244,240,233,.9) 45%,rgba(244,240,233,0) 100%)!important;
}

/* .banner-text
{
  bottom: -1rem;
}
.banner-btn
{
    letter-spacing: 1px;
  border-radius: 30px;
  border: 2px solid #3561A3 !important;
  color: #3561A3 !important;
  font-weight: 500 !important;
  text-align: center;
  text-transform: uppercase;
  transition: all 0.4s;
  padding:15px 25px;
  background-color: transparent;
}*/
  .banner-text p,.banner-text1 p
{
    font-weight: 800 !important;
  text-transform: uppercase !important;
    font-size:60px !important;
  color: #000000 !important;
    letter-spacing: 2px !important;
  text-align: left !important;
    line-height: 1.2em;
    text-shadow: 0 1px 3px rgba(0,0,0,.3);
    word-wrap: break-word;
} 
 .banner-text span,.banner-text1 span
{
    color: #474747 !important;
  letter-spacing: 2px !important;
    text-align: left !important;
    font-family: 'Roboto',Helvetica,Arial,Lucida,sans-serif !important;
    text-shadow: 0 1px 3px rgba(0,0,0,.3);
    font-weight: 400;
    font-size: 18px !important;
    word-wrap: break-word;
    padding-top:13px;
    display: block;
}
.banner-text,.banner-text1
{
    text-align: left!important;
}
.homebanner .carousel-item
{
   background-size: cover; background-position: center; height:55vh; 
}

.call-btn
{
    letter-spacing:1px;
  border-radius: 30px;
  border: 2px solid #3561A3 !important;
  color: #3561A3 !important;
  font-weight: 500 !important;
  text-align: center;
  text-transform: uppercase;
  transition: all 0.4s;
padding: 10px 10px;
  color: #fff;
  background-color: transparent;
}
.call-btn:hover
{
      border: 2px solid #00007b !important;
  color: #00007b !important;
}


.carousel-indicators {
  margin-bottom: 1rem;
} 

.carousel-indicators [data-bs-target] {
  width:8px;
  height:8px;
  margin-right: 10px;
  padding: 0;
  opacity: .5;
  border-radius: 50%;
   /*box-shadow: 0 0 0 2px rgba(255,255,255,0);
  -webkit-transition: box-shadow 0.3s ease;
  transition: box-shadow 0.3s ease;*/
background-color: rgba(0,0,0,.5);
}
  .carousel-indicators .active 
{
  opacity: 1;
background-color: #000;
}

 .carousel-control-next-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}

.carousel-control-prev-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e");
} 
  
.blue-btn
{
   color: #FFFFFF !important;
  border: 1px solid transparent!important;
  border-radius: 100px;
  letter-spacing: 2px;
  font-size: 23px;
  font-family: 'Roboto',Helvetica,Arial,Lucida,sans-serif !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  padding-right: 0.8em;
  padding-left: 0.8em;
  background-color: #90b6ef;
    transition: all .4s;
}
.blue-btn:hover
{
  background-color: #3561A3;  
    border: 1px solid #fff!important;
}

.blue-btn1
{
   background-color: #3561A3!important; 
     transition: all .4s!important;
}

.blue-btn1:hover
{
    background-color: transparent!important;
    color:#3561A3!important;
    border: 1px solid #3561A3!important;
}
 
.subtext2
{
  color: #3d3d3d !important; 
    letter-spacing: 2px;
  line-height: 1.8em;
    word-wrap: break-word;
    font-weight: 500;
}

.header-section
{
 padding-top:30px;
  padding-right: 0px;
  padding-bottom: 50px;
  padding-left: 0px;
  background-color: #3561A3!important;
}

.header-section h1
{
    font-weight: 700;
  text-transform: uppercase;
  font-size:35px;
  letter-spacing: 1px;
  line-height: 1.4em;
    text-align: center;
    color: #FFFFFF !important;
}
.header-section .subtext,.header-section .subtext a
{
    font-weight:600;
  font-size:20px;
  letter-spacing: 1px;
  line-height: 1.5em;
    text-align: center;
    color: #FFFFFF !important;
}
.header-section .subtext a
{
    color: #90b6ef!important;
}
.white-section .subtext a
{
    color:  #3561A3!important;
}
.subtext1
{
    font-weight:400;
  font-size:20px!important;
  letter-spacing: 1px;
 line-height: 1.8em;
    color: #383838 !important;
}
.subtext2
{
    font-size: 16px!important;
} 
.white-section
{
    padding-top: 110px;
  padding-bottom: 110px;
}

.home-img,.review-section {
  border-radius:10px;
  background-color: transparent;
box-shadow: 0px 5px 8px #adadad;
    border: 2px solid #fff;
}
.review-section .quote-text
{
font-style: italic;
}

.white-section h2 a, .gray-section h3,.white-section h2
{
    text-transform: uppercase;
  font-size: 40px;
  text-align: center;
    color: #2b2b2b!important;
    padding-bottom: 10px;
  line-height: 1.2em;
  font-weight: 500;
}
.et_pb_divider
{ 
    display:block;
  width:7%;
    margin: 35px auto;
    height: 3px;
    background-color:#2a2a2a; 
}
.lightgray-section ul,.gray-section ul
{ 
    list-style-position: inside;
}
.gray-section
{
    background-image: linear-gradient(90deg,#ebebeb 35%,rgba(38,64,89,0) 100%);
    padding-top: 110px;
  padding-bottom: 110px;
}
.gray-section h2 a
{
    color: #2b2b2b !important;
}
.service-div
{
border: 1px solid #b5b5b5;
  padding-top: 10px;
  padding-right: 1px;
  padding-bottom:15px;
  padding-left: 1px;
 }
.service-div .plain-text
{
    color: #383838;
}

.service-div h3 a,.project-title,.service-div h3
{
    font-size: 26px!important;
   padding-bottom: 10px!important;
  line-height: 1.1em!important;
  font-weight: 500!important;
    color: #2b2b2b!important;
    text-transform: capitalize !important;
}
.read-link 
{
    display: block;
}

.bgimg-div
{
    /*background-image: linear-gradient(90deg,#d5dee8 45%,rgba(213,222,232,0) 100%),url(../images/commercial-cleaning-bgimg.jpg);*/
    background-image: linear-gradient(90deg,#d5dee8 45%,rgba(213,222,232,0) 100%),url(../images/all-page-bging.jpg?a=1)!important; 
    padding-top:13%;
    padding-bottom: 13%;
    background-repeat: no-repeat;
  background-size: cover;
  background-position: top;
}

.index-bgimg
{
  background-image: linear-gradient(90deg,#d5dee8 45%,rgba(213,222,232,0) 100%),url(../images/residential-gutter-cleaning1.png)!important; 
}

.innerbgimg-div
{
     background-image: linear-gradient(90deg,#d5dee8 45%,rgba(213,222,232,0) 100%),url(../images/all-page-bging.jpg?a=1)!important; 
 padding-top:10%;
  padding-right: 0px;
  padding-bottom:10%;
  padding-left: 0px;
  background-color: #e7efef !important;
    background-repeat: no-repeat;
  background-size: cover;
 background-position: 50%;
}

.bgimg-div2
{
      background-image: linear-gradient(90deg,#d5dee8 45%,rgba(213,222,232,0) 100%),url(../images/communal-cleaning-bg-img.jpg?=1) !important;
}
.bgimg-div3
{
     background-image: linear-gradient(90deg,#d5dee8 45%,rgba(213,222,232,0) 100%),url(../images/commercial-wheelie-bin-cleaning-bgimg.jpg) !important;
}

.bgimg-div4
{
  background-image: linear-gradient(90deg,#d5dee8 45%,rgba(213,222,232,0) 100%),url(../images/commercial-gutter-cleaning-bgimg.jpg) !important;  
}

.bgimg-div7
{
    background-image: linear-gradient(90deg,#d5dee8 45%,rgba(213,222,232,0) 100%),url(../images/driveway-cleaning-bgimg1.jpg?a=1) !important;  
}

.bgimg-div8
{
      background-image: linear-gradient(90deg,#d5dee8 45%,rgba(213,222,232,0) 100%),url(../images/commercial-waste-removal-herts-bgbanner.jpg) !important; 
}
 
.bgimg-div9
{
      background-image: linear-gradient(90deg,#d5dee8 45%,rgba(213,222,232,0) 100%),url(../images/commercial-pressure-washing-bgimg.jpg) !important; 
} 
.bgimg-div6
{
  background-image: linear-gradient(90deg,#d5dee8 45%,rgba(213,222,232,0) 100%),url(../images/patio-cleaning-bgbanner1.jpg) !important;  
}  

.bgimg-div12
{
  background-image: linear-gradient(90deg,#d5dee8 45%,rgba(213,222,232,0) 100%),url(../images/cladding-cleaning-bgimg.jpg) !important;  
}  

.bgimg-div13
{
   background-image: linear-gradient(90deg,#d5dee8 45%,rgba(213,222,232,0) 100%),url(../images/domestic-gutter-cleaning-bgimg.jpg) !important;  
}  
  
.bgimg-div14
{
    background-image: linear-gradient(90deg,#d5dee8 45%,rgba(213,222,232,0) 100%),url(../images/commercial-gutter-cleaning-bg-img.jpg?a=1) !important;  
}

.bgimg-div16
{
    background-image: linear-gradient(90deg,#d5dee8 45%,rgba(213,222,232,0) 100%),url(../images/home-exterior-cleaning-bgimg.jpg) !important;  
}

.homebgimg
{
    background-image: linear-gradient(90deg,rgba(235,235,235,0) 0%,#ebebeb 61%),url(../images/homebgimg.jpg) !important;
}


.bgimg-div1
{
      background-image: linear-gradient(90deg,#d5dee8 45%,rgba(213,222,232,0) 100%),url(../images/school-canopy-cleaning-bgimg.jpg) !important;
}


/*
.bgimg-div5
{
  background-image: linear-gradient(90deg,#d5dee8 45%,rgba(213,222,232,0) 100%),url(../images/antiviral-cleaning-bgimg.jpg?a=2) !important;  
} 
 




   
.bgimg-div10
{
      background-image: linear-gradient(90deg,#d5dee8 45%,rgba(213,222,232,0) 100%),url(../images/gutter-cleaning-equipement-1.jpg) !important; 
} 
    
.bgimg-div11
{
      background-image: linear-gradient(90deg,#d5dee8 45%,rgba(213,222,232,0) 100%),url(../images/area-coverd-patio-bgimg.jpg) !important; 
}
*/
.bgimg-div h4,.bgimg-div h3,.bgimg-div h2
{
  font-size: 40px;
  color: #2b2b2b !important;
    font-weight: 500;
    line-height:50px;
} 
.owl-item .item img {
  width: 100%;
  height: 200px;
  object-fit: cover;
        border-radius: 10px;
  background-color: transparent;
  border: 2px solid #fff;
}
.lightgray-section
{
    background-color: #f7f7f7 !important;
}
.area-text
{
    line-height: 1.8em;
    color: #000000 !important;
  letter-spacing: 2px;
    font-size: 16px;
}

.input-box {
  box-sizing: border-box !important;
  width: 100%;
  padding: 12px 18px;
    padding-top: 12px;
    padding-bottom: 12px;
  padding-top: 12px;
  padding-bottom: 12px;
  color: #333 !important;
  background: #fff !important;
  font-size: 14px !important;
  border-radius: 0px;
  border: 1px solid #bbb!important;
}

.code {
  background-color: #4d4d4d;
  color: #fff;
  font-size: 16px;
  width: 100px;
}

.submit-btn {
 display: inline-block;
  vertical-align: middle;
  padding: 10px 30px;
  line-height: 1em;
  font-weight: 500;
  background-color: #e6e4e4 !important;
  border: 2px solid #878585;
  transition: all .3s ease-in-out;
  border-radius: 0px !important;
  padding:8px 10px !important;
}

.label-class
{
 font-size: 14px;   
}

footer
{
  background-color: #222222 !important;
    color: #fff;
}
footer ul li a,footer ul li,footer p
{
     color: #fff!important;
    font-size: 15px;
    line-height: 28x;
}

.footer-head
{
    font-weight: 600;
  text-transform: uppercase;
  color: #3561A3 !important;
    font-size: 18px;
    font-family: 'Roboto',Helvetica,Arial,Lucida,sans-serif!important;
}
.bottom-section
{
  background-color: #0c0c0c !important;
}

.bottom-section p
{
   color: #fff; 
}
.bottom-section p,.bottom-section p a
{
    font-size: 15px;
    line-height: 28x;
} 

.btn-back-to-top {
  position: fixed;
  color: #040471;
  z-index: 1000;
  right: 20px;
  bottom: 6px;
  -webkit-transition: .7s;
  transition: .7s;
}
  
.service-div1
{
   border-radius: 10px;
  background-color:#fff;
  box-shadow: 0px 5px 8px #adadad;
  border: 2px solid #fff;
    padding: 20px 20px;
}
.service-div1 h3 a,.service-div1 h3 
{
   font-size: 25px;
  line-height:35px;
  text-transform: capitalize;
  letter-spacing: 1px;
      color: #3561A3!important;
}

.service-img {
  border-radius: 10px;
  background-color: transparent;
  box-shadow: 0px 5px 8px #adadad;
  border: 2px solid #fff;
  /* width: 100%;
  height: 100%;
  object-fit: cover;*/
} 
.tbanner .bg-image
{
    background-image: url(../images/inner-banner-image.jpg) !important;
} 
.tbanner .servicesbg-img
{ 
      height:60vh; 
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
}
 
.tbanner .gallery-image 
{
    background-image: linear-gradient(90deg,#d5dee8 45%,rgba(213,222,232,0) 100%),url(../images/gallery-banner1.jpg?a=1) !important;  
}

.tbanner .review-banner
{
    
    background-image: linear-gradient(90deg,#d5dee8 45%,rgba(213,222,232,0) 100%),url(../images/reviews-banner-img.jpg?a=1) !important; 
}

.tbanner .project-banner
{
    background-image: linear-gradient(90deg,#d5dee8 45%,rgba(213,222,232,0) 100%),url(../images/projects-banner.jpg) !important; 
}

.tbanner .bg-image,.tbanner .homebg-image
{
  height:60vh; 
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
}
 .tbanner .homebg-image
{
  height:50vh!important; 
    min-height: 250px;
}
 .sitemap-div 
{
  padding: 30px 30px;
  box-shadow: 2px 2px 8px rgba(0,0,0,0.2);
     background-color: #fff;
}
.sitemap-div ul li a
{
    line-height:33px;
}


.shadow-div, .pro-div, .news-div {
  border-radius: 10px;
  background-color: transparent;
  box-shadow: 0px 5px 8px #adadad;
  border: 2px solid #fff;
}
 
 .detail-head {
  font-size: 32px;
  line-height: 42px;
     text-align: left;
     text-transform: capitalize;
}
 
.mount-btn {
  background-color: transparent;
  height: auto;
  /*width: 20%;*/
  border-radius: 5px;
  border: 1px solid #adadad;
  font-size: 14px;
  transition: all 0.4s;
}
.mount-btn:hover {
  color: #333;
  background-color: #e6e6e6;
  border-color: #adadad;
}
.pro-head {
  font-size: 26px;
  line-height: 36px;
}

.detailbtn {
  font-size: 16px !important;
  padding: 10px 30px !important;
    transition: all 0.4s;
}
.project-location {
font-size: 18px;
  text-transform: capitalize;
  font-weight: 500;
  color: #3561A3 !important;
  letter-spacing: 1px;
}
 
.cnt-bannerhead
{
    font-family: 'Roboto',Helvetica,Arial,Lucida,sans-serif;
  text-transform: uppercase;
  letter-spacing: 2px;
    color: #2b2b2b;
    line-height: 1em;
  font-weight: 500;
    text-align: left;
    word-wrap: break-word;
    padding-bottom: 10px;
    font-size: 34px;
}
 
.addr
{
    color: #2b2b2b;
}

.cnt-banner
{
   bottom: 5rem; 
    left: 10%;
}  

.tbanner .bg-image1 
{
  height:100vh;
    background-image: linear-gradient(90deg,#d5dee8 45%,rgba(213,222,232,0) 100%),url(../images/contact-bannerimg.jpg) !important; 
} 

.tbanner .social-banner
{
    background-image: linear-gradient(90deg,#d5dee8 45%,rgba(213,222,232,0) 100%),url(../images/social-media-bannerimg.jpg) !important; 
}  

.tbanner .areas-banner 
{
     background-image: linear-gradient(90deg,#d5dee8 45%,rgba(213,222,232,0) 100%),url(../images/areas-covered-bannerimg.jpg?a=1) !important;  
}

.addr .fa-brands  
{
    background-color:#040471;
  color: #fff;
  width: 40px;
  height: 40px;
border-radius: 5px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
font-size: 18px;
  margin: 3px;
} 

.project-box
{
   width: 100%;
  aspect-ratio: 4 / 3;   
  overflow: hidden; 
}

.project-box img {
  width: 100%;
  height: 100%;
  object-fit: cover;  
} 
 
.square-box 
{
  width: 100%;
  aspect-ratio: 1 / 1;   /* makes it perfect square */
  overflow: hidden;
}      
  
.square-box img {
  width: 100%;
  height: 100%;
  object-fit: cover;     /* no stretch + crop */
}

.list-inline > li:first-child {
  padding-left: 0;
}
.list-inline > li {
  display: inline-block;
  padding-left: 5px;
  padding-right: 5px;
}

.list-inline {
  list-style: none;
} 

 
.ratio.ratio-4x3 {
    width: 100% !important;
    max-width: 500px; 
    margin: 0 auto;  
} 

  
.ratio.ratio-4x3 iframe {
    width: 100% !important; 
    left: 0 !important;
    position: absolute !important;
}

 

/* responsive css */
@media only screen and (max-width:1191px)
{
     .banner-text p, .banner-text1 p {
  font-size: 50px !important;
    }
}

@media only screen and (max-width:1091px)
{
    .navbar-light .navbar-nav .nav-link
    {
  font-size: 15px;
    }
}
 
@media only screen and (max-width:1024px)
{  
  .container
	{
		max-width: 95% !important;
	}

}



@media only screen and (max-width:991px)
{
     .navbar-light .navbar-nav .nav-link
    {
  font-size: 17px;
    }  
    .nav-col
    {
        text-align: center;
        margin-top:25px;
    }
    .navbar-light .navbar-toggler {
  color:#3561A3!important;
  border:none!important;
}
    .navbar-toggler:focus 
    {
  text-decoration: none;
  outline: 0;
  box-shadow: 0 0 0 .0rem!important;
}
  
    .dropdown-menu .dropdown-item,.dropdown .dropdown-menu .cnt-dropdown-item{
        width:auto;
    }
    .main-menu
    {
 border-top: 2px solid #3561A3;
  box-shadow: 0 2px 5px rgba(0,0,0,.1);
  -moz-box-shadow: 0 2px 5px rgba(0,0,0,.1);
  -webkit-box-shadow: 0 2px 5px rgba(0,0,0,.1);
  padding-top: 10px !important;
    /*padding-bottom: 10px !important;*/
    } 
    .banner-text p, .banner-text1 p {
  font-size: 40px !important;
    }
    
}
  

@media only screen and (max-width:767px)
{
    /* .dropdown-menu {
    display: block !important;
  }*/ 
    .banner-text p, .banner-text1 p {
  font-size:34px !important;
    margin-bottom: 0px  !important;   
    }
    .innerbgimg-div
    {
  padding-top: 13%;
  padding-bottom: 13%;
}
    .cnt-banner {
  bottom:3rem;
    }
    .service-div .project-title
    {
        font-size:22px !important;
    } 
    .blue-btn
{
  font-size:21px;
    }
}

@media only screen and (max-width:575px)
{
    .white-section h2 a,.gray-section h3, .white-section h2 {
  font-size: 30px;
    }
    .gray-section .service-div1 h3
    {
       font-size: 25px;
    line-height: 32px; 
    }
    
    .service-div h3 a, .project-title, .service-div h3 {
  font-size: 22px !important;
    }
    .bgimg-div h4, .bgimg-div h3, .bgimg-div h2 {
  font-size: 30px;
  line-height: 40px;
} 
    .banner-text p, .banner-text1 p {
  font-size:30px !important;  
    } 
    h1 {
  font-size: 36px;
    } 
      h2 {
  font-size:30px;
          line-height: 40px;
    }
        .innerbgimg-div
    {
  padding-top: 15%;
  padding-bottom: 15%;
}
    .contact-banner .banner-text p
    {
       font-size: 25px !important; 
    }
     .contact-banner .cnt-bannerhead
    {
        font-size: 28px;
    }
}

@media only screen and (max-width:500px)
{
     .banner-text p {
    font-size:26px !important;
  }

}
@media only screen and (max-width:460px)
{
      .contact-banner .banner-text p
    {
       font-size:20px !important; 
    }
     .contact-banner .cnt-bannerhead
    {
        font-size:25px;
    }
        .banner-text p {
    font-size:24px !important;
  }
    .banner-text span, .banner-text1 span 
    {
        font-size: 16px !important;
        line-height: 1.5em;
    }
}

@media only screen and (max-width:416px)
{
      .contact-banner .banner-text p
    {
       font-size:18px !important; 
    }
     .contact-banner .cnt-bannerhead
    {
        font-size:22px;
    }
     .banner-text p{
    font-size: 22px !important;
   letter-spacing:1px !important;
  }
} 

@media only screen and (max-width:400px)
{
      .banner-text p, .banner-text1 p {
    font-size: 22px !important;
  }
    .banner-text span, .banner-text1 span 
    {
        font-size: 16px !important;
        line-height: 1.5em;
    }
    .site-text
    {
        padding-left:0rem;
    }
} 

@media only screen and (max-width:372px)
{
   .contact-banner .banner-text p
    {
       font-size:15px !important; 
    }
    
     .contact-banner .cnt-bannerhead
    {
        font-size:20px;
    }
    
    .cnt-banner
    {
        bottom:2rem;
    }
       .banner-text p, .banner-text1 p {
    font-size:18px !important;
  }
    .banner-text span, .banner-text1 span 
    {
        font-size: 15px !important;
        line-height: 1.4em;
    }
}

@media only screen and (max-width:343px)
{
     .contact-banner .cnt-bannerhead {
    font-size: 16px;
  }
    .contact-banner .cntpage-link
    {
        font-size: 14px;
    }
    .cnt-banner {
  left: 8%;
}
}

@media (min-width:992px) and (max-width:1020px)
{
.cnt-dropdown-menu
{
  min-width: 8rem !important;
       padding: 12px 10px!important;
} 
     .dropdown .dropdown-menu .cnt-dropdown-item {
    width: 100px !important;
    }
}



@media (min-width:992px) {

  .navbar .dropdown-menu {
    display: block;
    opacity: 0;
    visibility: hidden;
    transform: translateY(20px);
    transition: all 0.4s ease;
  }
    
  .navbar .dropdown:hover .dropdown-menu {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
  }
 
}