



 @media (max-width: 1200px) {
   .menubar .nav-link{font-size: 12px;} 
   .date, .phone, .email{font-size: 12px;}
   
 }
 @media (min-width: 1752px) and (max-width: 1802px){.main-banner .carousel-item:before{width: 53%;}}
 @media (min-width: 1669px) and (max-width: 1751px){.main-banner .carousel-item:before{width: 54%;}}
 @media (min-width: 1618px) and (max-width: 1668px){.main-banner .carousel-item:before{width: 55%;}}
 @media (min-width: 1561px) and (max-width: 1617px){.main-banner .carousel-item:before{width: 56%;}}
 @media (min-width: 1488px) and (max-width: 1560px){.main-banner .carousel-item:before{width: 57%;}}
 @media (min-width: 1426px) and (max-width: 1487px){.main-banner .carousel-item:before{width: 59%;}}
 @media (min-width: 1399px) and (max-width: 1425px){.main-banner .carousel-item:before{width: 59%;}}
 @media (min-width: 1346px) and (max-width: 1398px){.main-banner .carousel-item:before{width: 60%;}}
 @media (min-width: 1310px) and (max-width: 1345px){.main-banner .carousel-item:before{width: 61%;}}
 @media (min-width: 1295px) and (max-width: 1309px){.main-banner .carousel-item:before{width: 62%;}}
 @media (min-width: 1246px) and (max-width: 1294px){.main-banner .carousel-item:before{width: 63%;}}
 @media (min-width: 1207px) and (max-width: 1245px){.main-banner .carousel-item:before{width: 64%;}}
 @media (min-width: 1144px) and (max-width: 1206px){.main-banner .carousel-item:before{width: 65%;}}
 @media (min-width: 1081px) and (max-width: 1143px){.main-banner .carousel-item:before{width: 66%;}}
 @media (min-width: 1025px) and (max-width: 1080px){.main-banner .carousel-item:before{width: 70%;}}
 @media (min-width: 768px)  and (max-width: 991px) {.header-top img{display: none;}}

@media (min-width: 768px) and (max-width: 1024px) {
    .menubar .nav-link{font-size: 12px;}
    .subscribe-letter h2{font-size: 1.25rem;}
    .bottom-footer h4{font-size: 1rem;}
    .menubar .nav-link{font-size: 12px !important;}
    .welcome-section h2{font-size: 2.5rem !important;}
    .main-banner .carousel-item::before{width: 100%;}
    .header-top::before{width: 100%;}
    .date, .phone, .email{ color: #fff;}
    .email a{color: #fff; }
    .header-top:after{display: none;}
    .menubar{padding: 0;}
    
    
 }
 
@media (max-width: 767px) {
    
    .header-top {font-size: 12px; padding-top: 0 !important;}
    .menubar .navbar{padding: .1rem 1rem;}
    .menubar{padding: 0;}
    .pt-80{padding-top: 30px;}
    .welcome-section h2{font-size: 2.5rem !important;}
    .phone, .date, .email{text-align: center; padding: 10px 0px;}
    .t-right{text-align: center;}
    .header-top img{ display: none;}
    .subscribe-letter h2{font-size: 1.25rem;}
    .pt-80{padding-top: 30px !important;}
    .main-banner .carousel-item::before{width: 100%;}
    .header-top::before{width: 100%;}
    .date, .phone, .email{ display: none; color: #fff;}
    .date, .phone, .email{ color: #fff;}
    .email a{color: #fff; }
    .header-top:after{display: none;}
    .header-top:before{ min-height: auto;}
  


   
 }
 @media (max-width: 640px) { 
    
    .header-top .pt-4{padding-top: 0;}
    .menubar .nav-link{padding-left: 10px;}
   
    
    
}  



