@media screen and (max-width: 1600px){
    html body section.section-boxes div.info p.heading{font-size: 30px;}
    .section-boxes .info{padding: 30px 30px;}
    .section-boxes .info .link{margin-top: 15px;}
    .section-boxes .listing .item .info:before{/* width: 100px; *//* height: 120px; *//* background-size: 100px; */}
}

 @media screen and (max-width: 1440px){
     .section-boxes .listing .item .info:after{    right: 50px;top: 19px;}
     .section-boxes .listing .item .info:before{    right: 10px;top: -31px;}
 }
 
 @media screen and (max-width: 1200px){
     
       .section-boxes .listing .item .info:after{width: 25px;top: 15px;width: 35px;}
     .section-boxes .listing .item .info:before{width: 35px;top: 0;}
     
       html body section.section-boxes div.info p.heading{font-size: 18px;}
    .section-boxes .info{padding: 20px 10px;}
    .section-boxes .info .link{margin-top: 10px;}
    .section-boxes .listing .item .info:before{/* width: 80px; *//* height: 100px; *//* background-size: 70px; */}
    .section-boxes .info .link .btn{}
    .images-grid .row.slides.slick-slider:not(.listing_no-spacing) .slick-prev{left: 0;background-color: #83c67e;border-radius: 100%;width: 50px;height: 50px;}

    .images-grid .row.slides.slick-slider:not(.listing_no-spacing) .slick-next{right: 40px;background-color: #83c67e;border-radius: 100%;width: 50px;height: 50px;}
    
 }  
 
  @media screen and (max-width: 998px){
    .usn_cmp_splitcomponent .item_block .info{max-width:100%}
    .container {max-width:98%;}
    .breadcrumb-trail  .container {max-width:100%;}
    .footer-logo-wrap ul li a img{    height: 70px;object-fit: contain;width: 100%;}
   
  }
  
    @media screen and (max-width: 991px){
    
    .section-boxes .listing .item .info:after{    right: 50px;top: 19px;}
    .section-boxes .listing .item .info:before{    right: 10px;top: -31px;}
        
     .section-boxes .item {padding: 0 10px;width: 100%;max-width: 100% !important;flex: 0 0 100% !important;}
          
     html body section.section-boxes div.info p.heading{font-size: 30px;}
    .section-boxes .info{padding: 30px 30px;}
    .section-boxes .info .link{margin-top: 15px;}
    .section-boxes .listing .item .info:before{/* width: 60px; *//* height: 50px; */right: 55px;top: 60px;width: 40px;}
     .section-boxes .listing .item .info:after{/* width: 60px; *//* height: 50px; */right: 15px;top: 30px;width: 40px;}
    .reached-top.nav-down #site-header{    height: 90px;}
    header#site-header{    height: 90px;}
    
    header#site-header .expand-header{margin-top:12px;right: 40px;}
    nav.main ul{flex-wrap:wrap;}
    nav.main li{width:100%;border:none !important;}
    nav.main li a{border:none !important;}
    nav.main{padding:0 !important}
     
    html.nav-down #site-header, html.nav-up #site-header{top:0}
    html.nav-up body.show_header-on-scroll-lg.header-09-lg:not(.no-header) header#site-header #logo, html.nav-down body.show_header-on-scroll-lg.header-09-lg:not(.no-header) header#site-header #logo{top:0}
    html.nav-down #site-header, html.nav-up #site-header{height:90px}
    .reveal-out #site-header{    position: absolute;height: auto;}
    html.nav-down #site-header nav.cta-links .btn, html.nav-up #site-header nav.cta-links .btn{margin:0}
    .reached-top.reveal-out #site-header {position: absolute;height: auto;}

  }
  
  @media screen and (max-width: 600px){
      html body section.section-boxes div.info p.heading{font-size:20px;}
    #logo{text-align: left;padding-left: 20px !important;width: 100%;}
    #logo img{max-width: 250px !important;margin-top: 10px;}
    header#site-header .expand-header{right: 15px;}
  }
  
    @media screen and (max-width: 480px){
    .section-boxes .listing .item .info:after{right: 50px;top: -11px;}
    .section-boxes .listing .item .info:before{right: 10px;top: -31px;}
    }