body{
    font-family: 'Montserrat', sans-serif;
}


.oxybot_backgroundimage{
    background: url(images/oxybot_bg.png);
    background-repeat: no-repeat;
    /* height: 85vh; */
    background-size: cover;
}
ul.products_list li{
    margin: 25px;
}

/* my part */

.nav-link{
    color: #1D293F!important;
    /* font-family: Montserrat; */
font-style: normal;
font-weight: 600;
font-size: 14px;
line-height: 20px;
}
.btn{
    width: 169px;
height: 45px;
background: #00BCC8;
border-radius: 6px;
color: rgba(255, 255, 255, 0.8);
/* font-family: Montserrat; */
font-style: normal;
font-weight: 600;
font-size: 14px;
line-height: 20px;
}
.navbar{
    padding-left: 0px;
    padding-right: 0px;
}
.hdr{
    background-image: url("images/Rectangle\ 596.png");
    background-repeat: no-repeat;
    background-position: center;
}
.header-img{
    Width :472px;
Height :192px;
}
.hdr-p{
    /* font-family: Montserrat; */
font-style: normal;
font-weight: normal;
font-size: 18px;
line-height: 32px;
}
.ftr-class{
    background: #27353D;

}
.ftr-logoc{
    color: rgba(255, 255, 255, 0.8);
    /* font-family: Manrope; */
font-style: normal;
font-weight: 600;
font-size: 24px;
line-height: 54px;
}
.ftr-contents{
    color: rgba(255, 255, 255, 0.8);
    /* font-family: Manrope; */
font-style: normal;
font-weight: 500;
font-size: 14px;
line-height: 24px;
}
.footerbutton{
    background-color: #00BCC8;
    color: white;
}
.ftr-copy{
    color: #D9DBE1;
    /* font-family: Manrope; */
font-style: normal;
font-weight: normal;
font-size: 14px;
line-height: 24px;
}
.hdr-logot{
    /* font-family: Montserrat; */
    font-style: normal;
    font-weight: 600;
    font-size: 32px;
    line-height: 63px;
    
    font-feature-settings: 'liga' off;
    
    color: rgba(255, 255, 255, 0.8);
    }
    .join{
    display: block;
    width: 169px;
    height: 50px;
    background: #00BCC8;
    border-radius: 6px;
    border: none;
    /* font-family: Montserrat; */
    font-style: normal;
    font-weight: bold;
    font-size: 14px;
    line-height: 20px;
    color: rgba(255, 255, 255, 0.8);
    }
    .slider_content{
        font-size: 30px;font-weight: 600;text-align: center;width: 60%;margin: auto;
    }
/* @media(max-width:1000px){
    .ftr-tmp{
        -ms-flex: 0 0  100%!important;
        flex: 0 0  100%!important;
        max-width: 100%!important;  
    }
    .hdr-tmp{
        -ms-flex: 0 0  100%!important;
        flex: 0 0  100%!important;
        max-width: 100%!important;  
    }
    
    .tm{
        padding-left: 4%!important;
    }
} */
@media (max-width:1050px) { 
    .width{
        width: 100%!important;
    }
    .logo{
        width: 70%!important;
    }
    /* .slider_content{
        width: 100%;
    } */
   
}
@media(max-width:760px){
    .tm{
        padding-left: 8%!important;
        }
        .slider_content{
        width: 100%;
    }
    
}
@media(max-width:770px){
    .margin{
        margin-left: 0px!important;
        margin-right: 0px!important;
        padding-left: 10px!important;
        padding-right: 10px!important;
    }
}
@media(max-width:1040px){
    .oxybot_backgroundimage{
        background-position: right;
        }
        /* .slider_content{
            width: 100%;
        } */
}
@media(max-width:1000px){
    .ftr-tmp{
    -ms-flex: 0 0 100%!important;
    flex: 0 0 100%!important;
    max-width: 100%!important;
    }
    .hdr-tmp{
    -ms-flex: 0 0 100%!important;
    flex: 0 0 100%!important;
    max-width: 100%!important;
    }
    
    .tm{
    padding-left: 4%!important;
    }
    .invest-div{
    padding-top: 0px!important;
    }
    }
@media(max-width:800px){
    .header-img{
        width: 100%!important;
        height: 0%!important;
    }
}
@media(max-width:400px){
    .ftr-logoc{
font-size: 20px!important;
    }
}
@media(max-width:988px){
    .imgg{
       border-radius: 30px;
    }
}
@media(max-width:750px){
    .tm{
    padding-left: 7%!important;
    }
    }
    @media(max-width:520px){
    .tm{
    padding-left: 10%!important;
    }
    }