@media screen and (min-width: 1800px){
      .container{max-width: 1600px;}
}
@media screen and (max-width: 1800px){
      .hero .hero-img{width: 950px;}
}
@media screen and (max-width: 1600px){
      .hero .hero-img {width: 800px;height: 500px; top: 150px;}        
      .hero .hero-img img {object-fit: contain;}    
      .main-heading{font-size: 3.2rem;}
      .section-heading, .footer .footer-mainheading{font-size: 2.5rem;}      
      .section-text {font-size: 1.4rem;line-height: 2rem;}      
      .header a.nav-link, .service-item .service-content p, .service-text p, .top-footer .footer-head p, .footer .footer-subheading, .footer .footer-link, .footer .footer-content p, .hero-content p, .overview-flexbox p {font-size: 1rem;line-height: 1.5rem;}    
      .top-footer .footer-head{margin-bottom: 80px;}
}
@media screen and (min-width: 1400px){}
@media screen and (max-width: 1400px){      
      .our-service, .contact-us, .top-footer, .love-hear{padding: 80px 0px;}          
      .footer .input-group{max-width: 100%;}
      .contact-form input, .contact-form .send-btn, .footer .input-group,.contact-form input, .contact-form textarea, .contact-form .wpcf7-form input, .comment-form .comments-form input{height: 50px;}
      .contact-form .send-btn span, .footer .input-group .send-btn{height: 40px;width: 40px;}
      .footer .footer-item:nth-child(3) .footer-list{column-gap: 0px;column-count: 1;} 
}
@media (min-width: 1200px) and (max-width: 1399px){
      .hero .hero-img {width: 630px;height: 400px;}
      .meet-will {padding-bottom: 80px;} 
}
@media (min-width: 991px) and (max-width: 1399px){}
@media screen and (max-width: 1200px){      
      .social-icon .social-item {width: 40px;height: 40px;font-size: 16px;}      
      .meet-will {height: auto;padding: 100px 0px;}
      .header{height: 100px;}
      .sticky-header{height: 90px;}
      a.navbar-brand {width: 180px;}
      .hero{ padding-top: 100px; }
      .get-touch{ margin-top: 120px; }
}
@media (min-width: 991px) and (max-width: 1199px){  
      .hero .hero-img {width: 550px;height: 300px;}
      .header .navbar-nav{gap: 30px;}
      .footer-content .phone-number {align-items: flex-start;flex-direction: column;}
      .footer-content .phone-number span{display: none;}
}
@media (min-width: 991px){}
@media (max-width: 991px){  
      .section-title{margin-bottom: 2rem;}
      .header #collapsibleNavbar {position: fixed;width: 100%;height: calc(100vh - 100px);top: 100px;left: 0;background-color: var(--color-white);padding: 20px;display: flex;align-items: baseline;justify-content: center;text-align: center;transform: translateY(100%);border-top: 1px solid var(--text-color);transition: var(--transition);z-index: 99;}  
      .header .navbar-nav {gap: 3rem;}    
      .header #collapsibleNavbar.show {transition: var(--transition);transform: translateY(0px);}
      .header a.nav-link {font-size: 2.5rem;line-height: normal;}
      .sticky-header #collapsibleNavbar{height: calc(100vh - 90px);top: 90px;}
      .hero .hero-img {position: unset;width: 95%;height: auto;margin:30px 0px 0px auto;}
      .hero-content {text-align: center;}        
      .hero {flex-direction: column;height: auto;padding: 140px 0px 60px 0px;}
      #inner_banner { height: auto; padding: 140px 0px 0px 0px; }  
      .get-touch{ padding: 0px; }     
      .hero-content br, .our-service .section-title br {display: none;}
      .service_slider .owl-nav button.owl-prev{left: -30px;}
      .service_slider .owl-nav button.owl-next{right: -30px;}
      .service-item .service-content {padding: 25px 15px 15px 15px;}        
      .service-item .service-heading {font-size: 1.8rem;margin-bottom: 15px !important;}
      .top-footer .footer-head {margin-bottom: 40px;}        
      .footer .footer-item:first-child .footer-content {text-align: center;margin-bottom: 20px;padding-right: 0px;}
      .contact-form .send-btn {margin: 0 auto;}	      
      #inner_banner .hero-img{ height: 300px; }
      .LoveHear-box .LoveHear-icon { width: 60px; height: 60px; font-size: 30px; }        
      .LoveHear-box .LoveHear-Heading { font-size: 20px; }        
      .LoveHear-box .ContactLink { font-size: 15px; }
      .get-touch .GetTouch-Img { position: unset; width: 100%; height: auto; margin-bottom: 40px; }
      .sub-menu{position:relative;}
}
@media (min-width: 768px) and (max-width: 991px){}
@media (max-width: 767px){
      .hero{padding: 110px 0px 60px 0px;}
      #inner_banner{ padding: 100px 0px 0px 0px; }
      .our-service, .contact-us, .top-footer, .fencing, .service-overview, .love-hear{padding: 60px 10px;}
      .get-touch .getTouch-content { padding: 0px 10px; }      
      .main-heading, .get-touch .main-heading {font-size: 2rem;}
      .section-heading, .footer .footer-mainheading {font-size: 2rem;}
      .service_slider .owl-nav button {width: 40px;height: 40px;font-size: 15px !important;}         
      .service_slider .owl-nav button.owl-prev {left: -15px;}      
      .service_slider .owl-nav button.owl-next {right: -15px;}
      .service-item .service-content{border-radius: 0px 0px 25px 25px;}
      .service-item .service-img{border-radius: 25px 25px 0px 0px;}
      .section-text {font-size: 1.2rem;line-height: 1.8rem;}
      .footer .footer-subheading {font-size: 1.3rem;line-height: 1.8rem;}
      .bottom-footer .footer-content {gap: 15px 20px;}        
      .bottom-footer .footer-content .footer-link:nth-child(2) {margin-right: 0;margin-left: 20px;}        
      .bottom-footer .footer-content .footer-link:nth-child(2):before {left: -19px;}
      .social-icon .social-item {width: 2rem;height: 2rem;font-size: 14px;}
      .social-icon{gap: 7px;}
      a.navbar-brand {width: 150px;}
      .header {height: 80px;}
      .sticky-header {height: 70px;}
      .get-touch{ margin-top: 80px;}
      .header #collapsibleNavbar {height: calc(100vh - 80px);top: 80px;}
      .sticky-header #collapsibleNavbar {height: calc(100vh - 70px);top: 70px;}
      .service-overview .overview-flexbox{ gap: 1rem; }  
      
}
@media (max-width: 567px){
      .meet-will {padding: 60px 10px;border-radius: 0px;}  
      .footer .footer-logo {width: 75% !important;}   
}
@media (max-width: 350px){ 
      .main-heading, .get-touch .main-heading, .header a.nav-link, .section-heading, .footer .footer-mainheading {font-size: 1.5rem;}
      .header .social-icon{display: none  !important;}
      a.navbar-brand {position: unset;transform: unset;order: 1;width: 120px;}      
      .header .navbar-toggler {order: 2;}      
      .sticky-header a.navbar-brand img {transform: scale(1);}
      .section-text{font-size: 1rem;line-height: 1.5rem;}
}