@media screen and (min-width: 1820px) {
  
:root { 
--white: #ffffff; 
--black: #000; 
--transparent: transparent; 
--primary-dark: #081933; 
--primary-light: #0578FC; 
--dark-fade-1: #000000;  
--dark-fade-2: #3D3D3D;  
--dark-fade-3: #666666;  
--dark-fade-4: #8F8F8F;  
--dark-fade-5: #B8B8B8;  
--light-fade-1: #ffffff;  
--light-fade-2: #EFEFEF;  
--light-fade-3: #E5E5E5;  
--light-fade-4: #DBDBDB;  
--light-fade-5: #D1D1D1;  

--font-heading1: 64px;
--font-heading2: 40px;
--font-heading3: 36px;
--font-heading4: 24px; 
--font-lg: 20px;
--font-md: 16px;
--font-sm: 14px;
--font-xsm: 12px;
}      
 
}

@media screen and (max-width: 1780px) {

} 

@media screen and (max-width: 1440px){
  
}

@media screen and (max-width: 1280px){
 
}


@media screen and (max-width: 991px) {
    :root {  
--font-heading1: 50px;
--font-heading2: 32px;
--font-heading3: 28px;
--font-heading4: 22px;
--font-lg: 20px;
--font-md: 16px;
--font-sm: 14px;
--font-xsm: 12px;
} 
  .whychoose-grid {
    grid-column-gap: 36px;
    grid-row-gap: 36px; 
    grid-template-columns: 1fr 1fr  ;
    grid-auto-columns: 1fr;
    display: grid;
}
.highlights-block-img {
    width: 80px;
    margin: auto;
}
.contact-us-right{
    margin-top: 36px;
}
}
@media screen and (max-width: 767px){
    .container {
    max-width: 1120px;
    padding-right: 16px;
    padding-left: 16px;
}
.about-image img{
    border-radius: 16px;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    -ms-border-radius: 16px;
    -o-border-radius: 16px;
}
 .about-wrapper { 
    display: flex;
    flex-direction: column-reverse;
    gap: 36px;
}    
.highlights-grid { 
    display: flex;
    flex-direction: column;
}
.whychoose-grid {
    grid-column-gap: 36px;
    grid-row-gap: 36px;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    display: grid;
    max-width: 350px;
    margin: auto;
}
.footer-copy-wrapper {
    color: #FEFEFE;
    display: flex;
    gap: 24px;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}
.about,.highlights,.whychoose,.product,.certificate,.inner-about,.mission,.our-story,.product-about,.contact-us {
    padding: 50px 0;
}
.products-key{
    padding-bottom: 50px;
}
.whychoose-block{
    border-radius: 16px;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    -ms-border-radius: 16px;
    -o-border-radius: 16px;
}
.inner-about-wrapper { 
    display: flex;
    flex-direction: column-reverse;
    gap: 24px;
}
.mission-grid {
    display: flex;
    gap: 50px;
    justify-content: space-around;
    flex-direction: column;
    align-items: center;
}
.product-about-wrapper { 
    display: flex;
    flex-direction: column-reverse;
    align-items: center; 
    gap: 36px;
}
.products-key-wrapper { 
    display: flex;
    flex-direction: column;
}

}
@media screen and (max-width: 540px) {
    .certificate-block {
    max-width: 122px;
    padding: 0 25px;
}
.button01,.button02{
    padding: 10px 20px;
}
    .hero-wrapper {
    min-height: 80vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 70px 0px;
    position: relative;
    z-index: 2;
}
    .header .logo img {
  max-width: 150px!important;
  width: 100%;
  margin-right: 8px;
}
     :root {  
        --font-heading1: 45px;
        --font-heading2: 28px;
        --font-heading3: 25px;
        --font-heading4: 22px;
--font-lg: 18px;
--font-md: 16px;
--font-sm: 14px;
--font-xsm: 12px;
}  
.footer-copy-links {
    display: flex;
    gap: 20px;
    flex-direction: column;
    align-items: center;
    align-content: center;
}
    .footer-copy-wrapper { 
        flex-direction: column-reverse;
    }
    .footer-wrapper {
    display: flex;
    gap: 50px;
    justify-content: space-between;
    flex-direction: column;
}
.topbar{
    display: none;
}
.product-about-slider {
    max-width: 100%;
}
.contact-us-block-icon {
    width: 40px;
    flex: none;
    height: 40px;
}
}