/* UNIERSAL STYLING*/
*{margin:0 ;
  }
    
    /* ***************************** */
    /* SECTION FEATURE (2ND SECTION) */
    /* ***************************** */
    #feature{display: inline-flex; align-items: center; justify-content: space-between;flex-wrap: wrap;margin-top: 15vh;width: 100%;}
    #feature .fe-box{width: 9%;text-align: center;padding: 10px 5px;box-shadow: 10px 10px 14px rgba(0, 0, 0, 0.03);
    border: none; border-radius:45px;margin:1px 0 ;display:inline-block;}
    #feature .fe-box:hover{box-shadow: 10px 10px 54px rgba(70, 62, 221, 0.1) ;}
    #feature .fe-box img{width:70%;margin-bottom: 10px;height:70px;border-radius:40px;}
    #feature .fe-box h6{padding:9px 8px 6px 8px ;line-height: 1;border-radius: 4px;color: black;background-color:none;
    display: inline-block;}
    #feature .fe-box:nth-child(2) h6{background-color: none ;}
    #feature .fe-box:nth-child(3) h6{background-color: none;} 
    #feature .fe-box:nth-child(4) h6{background-color: none ;}
    #feature .fe-box:nth-child(5) h6{background-color: none;}
    #feature .fe-box:nth-child(6) h6{background-color: none;}
    
@media screen and (max-width: 860px) {
    .section-p1{padding: 5px 5px; }
    #feature{display:flex; align-items: center; justify-content: space-between;flex-wrap: wrap;margin:0px;margin-bottom: 20px;margin-top:6vh;}
    #feature .fe-box{margin:0px;width:110px;border-radius:15px;width: 15%;}
    #feature .section-p1 {padding: 10px 15px;}
    #feature .fe-box img{width:80px;margin-bottom: 10px;height: 70px;border-radius:5px;}
    }  

@media screen and (max-width: 820px) {
    .section-p1{padding: 5px 5px; }
    #feature{display:flex; align-items: center; justify-content: space-between;flex-wrap: wrap;margin:0px;margin-bottom: 20px;margin-top:6vh;}
    #feature .fe-box{margin:0px;width:110px;border-radius:20px;width: 15%;}
    #feature .section-p1 {padding: 10px 15px;}
    #feature .fe-box img{width:80px;margin-bottom: 10px;height: 70px;border-radius:5px;}
    }  

  @media screen and (max-width: 720px) {
    .section-p1{padding: 5px 5px; }
    #feature{display:flex; align-items: center; justify-content: space-between;flex-wrap: wrap;margin:0px;margin-bottom: 20px;margin-top:6vh;}
    #feature .fe-box{margin:0px;width:110px;border-radius:20px;width: 15%;}
    #feature .section-p1 {padding: 10px 15px;}
    #feature .fe-box img{width:80px;margin-bottom: 10px;height: 70px;border-radius:5px;}
    }  

@media screen and (max-width: 600px) {
    .section-p1{padding: 5px 5px; }
    #feature{display:flex; align-items: center; justify-content: space-between;flex-wrap: wrap;margin:0px;margin-bottom: 20px;margin-top:8vh;}
    #feature .fe-box{margin:0px;width:100px;border-radius:20px;width: 15%;}
    #feature .section-p1 {padding: 10px 15px;}
    #feature .fe-box img{width:80px;margin-bottom: 10px;height: 70px;border-radius:5px;}
    }

@media screen and (max-width: 600px) {
    .section-p1{padding: 5px 5px; }
    #feature{display:flex; align-items: center; justify-content: space-between;flex-wrap: wrap;margin:0px;margin-bottom: 20px;margin-top:6vh;}
    #feature .fe-box{margin:0px;width:110px;border-radius:20px;width: 15%;}
    #feature .section-p1 {padding: 10px 15px;}
    #feature .fe-box img{width:80px;margin-bottom: 10px;height: 70px;border-radius:5px;}
    }

    @media screen and (max-width: 499px) {
    .section-p1{padding: 5px 5px; }
    #feature{display:flex; align-items: center; justify-content: space-between;flex-wrap: wrap;margin:0px;margin-bottom: 20px;margin-top: -10px;}
    #feature .fe-box{margin:0px;width:110px;border-radius:20px;}
    #feature .section-p1 {padding: 10px 15px;}
    #feature .fe-box img{width:80px;margin-bottom: 10px;height: 70px;border-radius:5px;}
    }

 @media screen and (max-width: 440px) {
    .section-p1{padding: 1px 1px; }
    #feature{margin-bottom:20px;margin: 10px;margin-top:25vh; }
    #feature .fe-box{margin:-10px;width:25%;border-radius:20px;margin:0px;border:none;}
    #feature .section-p1 {padding: 1px 1px;}
    #feature .fe-box img{width:50px;margin-bottom: 10px;height: 50px;border-radius:5px;margin-left:0px;}
    #feature .fe-box h6{line-height: 1;border-radius: 4px;color: black;background-color:none;
    display: inline-block;margin-left:0px;}
    } 

    @media screen and (max-width: 415px) {
    .section-p1{padding: 1px 1px; }
    #feature{margin-bottom:20px;margin: 10px;margin-top:25vh; }
    #feature .fe-box{margin:-10px;width:25%;border-radius:20px;margin:0px;border:none;}
    #feature .section-p1 {padding: 1px 1px;}
    #feature .fe-box img{width:50px;margin-bottom: 10px;height: 50px;border-radius:5px;margin-left:0px;}
    #feature .fe-box h6{line-height: 1;border-radius: 4px;color: black;background-color:none;
    display: inline-block;margin-left:0px;}
    } 

    @media screen and (max-width: 385px) {
    .section-p1{padding: 1px 1px; }
    #feature{margin-bottom:20px;margin: 10px;margin-top:25vh; }
    #feature .fe-box{margin:-10px;width:25%;border-radius:20px;margin:0px;border:none;}
    #feature .section-p1 {padding: 1px 1px;}
    #feature .fe-box img{width:50px;margin-bottom: 10px;height: 50px;border-radius:5px;margin-left:-10px;}
    #feature .fe-box h6{line-height: 1;border-radius: 4px;color: black;background-color:none;
    display: inline-block;margin-left:0px;}
    } 

    @media screen and (max-width: 360px) {
    .section-p1{padding: 1px 1px; }
    #feature{margin-bottom:20px;margin: 10px;margin-top:25vh; }
    #feature .fe-box{margin:-10px;width:25%;border-radius:20px;margin:0px;border:none;}
    #feature .section-p1 {padding: 1px 1px;}
    #feature .fe-box img{width:50px;margin-bottom: 10px;height: 50px;border-radius:5px;margin-left:-10px;}
    #feature .fe-box h6{line-height: 1;border-radius: 4px;color: black;background-color:none;
    display: inline-block;margin-left:0px;}
    } 

    @media screen and (max-width: 320px) {
    .section-p1{padding: 1px 1px; }
    #feature{margin-bottom:20px;margin: 10px;margin-top:25vh; }
    #feature .fe-box{margin:0px;width:17%;border-radius:20px;margin:0px;border:none;}
    #feature .section-p1 {padding: 1px 1px;}
    #feature .fe-box img{width:50px;margin-bottom: 10px;height: 50px;border-radius:5px;margin-left:-10px;}
    #feature .fe-box h6{line-height: 1;border-radius: 4px;color: black;background-color:none;
    display: inline-block;margin-left:-4vh;}
    }
    
    @media screen and (max-width: 280px) {
     .section-p1{padding: 5px 5px; }
     #feature{margin:0px;margin-bottom: 20px;margin-top: -10px;}
     #feature .fe-box{margin:0px;width:75px;border-radius:20px;}
     #feature .section-p1 {padding: 5px 5px;}
     #feature .fe-box img{width:60px;margin-bottom: 10px;height: 70px;border-radius:5px;}
     }
    
    
    /* ***************************** */
    /* SECTION PRODUCT (3RD SECTION) */
    /* ***************************** */
    #product1{text-align: center;margin-top: 5vh;}
    #product1 .pro{width:8%;min-width:100px;padding:10px 12px;border: 1px solid #cce7d0;border-radius: 25px;cursor: pointer;
    box-shadow:20px 20px 30px rgba(0, 0, 0, 0.02);margin: 15px 0;transition: 0.2s;position: relative;}
    #product1 .pro:hover{box-shadow:20px 20px 30px rgba(0, 0, 0, 0.06);}
    #product1 .pro img{width:100% ;border-radius: 20px;max-height: 250px;}
    #product1 .pro .des{text-align: start; padding: 10px 0;}
    #product1 .pro .des span{color: #606063;font-size: 18px;}
    #product1 .pro .des h5{padding-top: 7px;color: #1a1a1a;font-size: 14px;font-weight: normal; }
    #product1 .pro .des i{color:yellow;font-size: 12px; }
    #product1 .pro .des h4{color:#088176;font-size: 15px;font-weight: normal; padding: 7px;}
    #product1 .pro-container{display: flex;justify-content: space-between;padding: 20px;flex-wrap: wrap;margin-top: -20px} 
    #product1 p{font-size: 30px;margin-top: -12px;} 
    #product1 .pro-container a{text-decoration: none;} 
    
    @media (max-width:870px) {
    #product1{text-align: center;margin: none;}
    #product1 .pro{width:8%;min-width:100px;padding:5px 5px;border: 1px solid #cce7d0;border-radius: 25px;cursor: pointer;
    box-shadow:10px 10px 10px rgba(0, 0, 0, 0.02);margin: 15px 0;transition: 0.2s;position: relative;}
    #product1 .pro:hover{box-shadow:20px 20px 30px rgba(0, 0, 0, 0.06);}
    #product1 .pro img{width:100% ;border-radius:10px;max-height: 250px;}
    #product1 .pro .des{text-align: start; padding: 10px 0;}
    #product1 .pro .des span{color: #606063;font-size: 14px; }
    #product1 .pro .des h5{padding-top: 7px;color: #1a1a1a;font-size: 13px;}
    #product1 .pro .des h4{color:#088176;font-size: 15px;font-weight:700; padding: 7px;}
    #product1 .pro-container{display: flex;justify-content: space-between;padding: 0px;flex-wrap: wrap;margin-top:-20px;margin:20px;} 
    #product1 p{font-size: 16px;} 
    }
    
    @media (max-width:799px) {
    #product1 h2{text-align: center;font-size:20px;}
    .section-p1{padding: 5px 5px; }
    #product1 .pro{width: 50%;}
    #product1 .pro img{width:70% ;border-radius: 10px;max-height: 300px;}
    }
    
@media (max-width:820px) {
    #product1{text-align: center;margin: none;}
    #product1 .pro{width:8%;min-width:100px;padding:5px 5px;border: 1px solid #cce7d0;border-radius: 25px;cursor: pointer;
    box-shadow:10px 10px 10px rgba(0, 0, 0, 0.02);margin: 15px 0;transition: 0.2s;position: relative;}
    #product1 .pro:hover{box-shadow:20px 20px 30px rgba(0, 0, 0, 0.06);}
    #product1 .pro img{width:100% ;border-radius:10px;max-height: 250px;}
    #product1 .pro .des{text-align: start; padding: 10px 0;}
    #product1 .pro .des span{color: #606063;font-size: 14px; }
    #product1 .pro .des h5{padding-top: 7px;color: #1a1a1a;font-size: 13px;}
    #product1 .pro .des h4{color:#088176;font-size: 15px;font-weight:700; padding: 7px;}
    #product1 .pro-container{display: flex;justify-content: space-between;padding: 0px;flex-wrap: wrap;margin-top:-20px;margin:20px;} 
    #product1 p{font-size: 16px;} 
    }

@media (max-width:720px) {
    #product1{text-align: center;margin: none;}
    #product1 .pro{width:8%;min-width:100px;padding:5px 5px;border: 1px solid #cce7d0;border-radius: 25px;cursor: pointer;
    box-shadow:10px 10px 10px rgba(0, 0, 0, 0.02);margin: 15px 0;transition: 0.2s;position: relative;}
    #product1 .pro:hover{box-shadow:20px 20px 30px rgba(0, 0, 0, 0.06);}
    #product1 .pro img{width:100% ;border-radius:10px;max-height: 250px;}
    #product1 .pro .des{text-align: start; padding: 10px 0;}
    #product1 .pro .des span{color: #606063;font-size: 14px; }
    #product1 .pro .des h5{padding-top: 7px;color: #1a1a1a;font-size: 13px;}
    #product1 .pro .des h4{color:#088176;font-size: 15px;font-weight:700; padding: 7px;}
    #product1 .pro-container{display: flex;justify-content: space-between;padding: 0px;flex-wrap: wrap;margin-top:-20px;margin:20px;} 
    #product1 p{font-size: 16px;} 
    }

    @media (max-width:600px) {
    #product1{text-align: center;margin: none;}
    #product1 .pro{width:8%;min-width:100px;padding:5px 5px;border: 1px solid #cce7d0;border-radius: 25px;cursor: pointer;
    box-shadow:10px 10px 10px rgba(0, 0, 0, 0.02);margin: 15px 0;transition: 0.2s;position: relative;}
    #product1 .pro:hover{box-shadow:20px 20px 30px rgba(0, 0, 0, 0.06);}
    #product1 .pro img{width:100% ;border-radius:10px;max-height: 250px;}
    #product1 .pro .des{text-align: start; padding: 10px 0;}
    #product1 .pro .des span{color: #606063;font-size: 14px; }
    #product1 .pro .des h5{padding-top: 7px;color: #1a1a1a;font-size: 13px;}
    #product1 .pro .des h4{color:#088176;font-size: 15px;font-weight:700; padding: 7px;}
    #product1 .pro-container{display: flex;justify-content: space-between;padding: 0px;flex-wrap: wrap;margin-top:-20px;margin:20px;} 
    #product1 p{font-size: 16px;} 
    }
    
    @media (max-width:499px) {
    #product1 h2{text-align: center;font-size:20px;}
    #product1{text-align: center;margin: none;}
    #product1 .pro{width:15%;min-width:150px;padding:5px 5px;border: 1px solid #cce7d0;border-radius: 25px;cursor: pointer;
    box-shadow:20px 20px 30px rgba(0, 0, 0, 0.02);margin: 5px 0;transition: 0.2s;position: relative;}
    #product1 .pro:hover{box-shadow:20px 20px 30px rgba(0, 0, 0, 0.06);}
    #product1 .pro img{width:100% ;border-radius: 10px;max-height: 250px;}
    #product1 .pro-container{margin-top: -20px} 
    #product1 .pro-container a{text-decoration: none;} 
    #product1 p{font-size: 16px;} 
    }
    
   @media (max-width:480px) {
    #product1{text-align: center;margin: none;margin-top: 30px}
    #product1 .pro-container a{text-decoration: none;margin: 5px;} 
    #product1 .pro{width:10%;min-width:80px; padding:5px 5px;border: 1px solid #cce7d0;border-radius: 5px;cursor: pointer;box-shadow:0px 0px 0px rgba(0, 0, 0, 0.02);margin: 15px 0;transition: 0.2s;position: relative;}
    #product1 .pro-container{display: flex;justify-content: space-between;padding: 0px;flex-wrap: wrap;margin-top: 30px;margin: 5px;} 
    #product1 p{font-size: 14px;} 
    #product1 .pro img{width:90% ;border-radius: 10px;max-height: 140px;margin-left: 0vh;}
    #product1 .pro .des h5{padding-top: 7px;color: #1a1a1a;font-size: 12px;font-weight: normal; }
    }
    
    @media (max-width:435px) {
    #product1{text-align: center;margin: none;margin-top: 30px}
    #product1 .pro-container a{text-decoration: none;margin: 5px;} 
    #product1 .pro{width:10%;min-width:80px; padding:5px 5px;border: 1px solid #cce7d0;border-radius: 5px;cursor: pointer;box-shadow:0px 0px 0px rgba(0, 0, 0, 0.02);margin: 15px 0;transition: 0.2s;position: relative;}
    #product1 .pro-container{display: flex;justify-content: space-between;padding: 0px;flex-wrap: wrap;margin-top: 30px;margin: 5px;} 
    #product1 p{font-size: 14px;} 
    #product1 .pro img{width:90% ;border-radius: 10px;max-height: 140px;margin-left: 0vh;}
    #product1 .pro .des h5{padding-top: 7px;color: #1a1a1a;font-size: 12px;font-weight: normal; }
    }
    
     @media (max-width:415px) {
    #product1{text-align: center;margin: none;margin-top: 30px}
    #product1 .pro-container a{text-decoration: none;margin: 5px;} 
    #product1 .pro{width:10%;min-width:80px; padding:5px 5px;border: 1px solid #cce7d0;border-radius: 5px;cursor: pointer;box-shadow:0px 0px 0px rgba(0, 0, 0, 0.02);margin: 15px 0;transition: 0.2s;position: relative;}
    #product1 .pro-container{display: flex;justify-content: space-between;padding: 0px;flex-wrap: wrap;margin-top: 30px;margin: 5px;} 
    #product1 p{font-size: 14px;} 
    #product1 .pro img{width:90% ;border-radius: 10px;max-height: 140px;margin-left: 0vh;}
    #product1 .pro .des h5{padding-top: 7px;color: #1a1a1a;font-size: 12px;font-weight: normal; }
    }
    
    
     @media (max-width:385px) {
    #product1{text-align: center;margin: none;margin-top: 30px}
    #product1 .pro-container a{text-decoration: none;margin: 5px;} 
    #product1 .pro{width:10%;min-width:80px; padding:5px 5px;border: 1px solid #cce7d0;border-radius: 5px;cursor: pointer;box-shadow:0px 0px 0px rgba(0, 0, 0, 0.02);margin: 15px 0;transition: 0.2s;position: relative;}
    #product1 .pro-container{display: flex;justify-content: space-between;padding: 0px;flex-wrap: wrap;margin-top: 30px;margin: 5px;} 
    #product1 p{font-size: 14px;} 
    #product1 .pro img{width:90% ;border-radius: 10px;max-height: 140px;margin-left: 0vh;}
      #product1 .pro .des h5{padding-top: 7px;color: #1a1a1a;font-size: 12px;font-weight: normal; }
    }
    
    @media (max-width:360px) {
    #product1{text-align: center;margin: none;margin-top: 30px}
    #product1 .pro-container a{text-decoration: none;margin: 5px;} 
    #product1 .pro{width:10%;min-width:80px; padding:5px 5px;border: 1px solid #cce7d0;border-radius: 5px;cursor: pointer;box-shadow:0px 0px 0px rgba(0, 0, 0, 0.02);margin: 15px 0;transition: 0.2s;position: relative;}
    #product1 .pro-container{display: flex;justify-content: space-between;padding: 0px;flex-wrap: wrap;margin-top: 30px;margin: 5px;} 
    #product1 p{font-size: 14px;} 
    #product1 .pro img{width:90% ;border-radius: 10px;max-height: 140px;margin-left: 0vh;}
      #product1 .pro .des h5{padding-top: 7px;color: #1a1a1a;font-size: 12px;font-weight: normal; }
    }
    
    @media (max-width:320px) {
    #product1 .pro-container a{text-decoration: none;margin: 5px;} 
    #product1 .pro{min-width:70px; padding:5px 5px;border: 1px solid #cce7d0;border-radius: 5px;cursor: pointer;box-shadow:0px 0px 0px rgba(0, 0, 0, 0.02);margin: 15px 0;transition: 0.2s;position: relative;}
    #product1 .pro-container{display: flex;justify-content: space-between;padding: 0px;flex-wrap: wrap;margin-top: 30px;margin: 5px;} 
    #product1 p{font-size: 14px;} 
    #product1 .pro img{width:90% ;border-radius: 10px;max-height: 120px;margin-left: 0vh;}
      #product1 .pro .des h5{padding-top: 7px;color: #1a1a1a;font-size: 12px;font-weight: normal; }
    }
      
    
    @media (max-width:280px) {
    #product1{text-align: center;margin: none;}
    #product1 .pro-container{margin-top:-20px;margin:5px;} 
    #product1 p{font-size: 16px;} 
    }
    
    @media (max-width:250px) {
    #product1 .pro-container a{text-decoration: none;margin: 5px;} 
    #product1 .pro{min-width:70px; padding:5px 5px;border: 1px solid #cce7d0;border-radius: 5px;cursor: pointer;box-shadow:0px 0px 0px rgba(0, 0, 0, 0.02);margin: 15px 0;transition: 0.2s;position: relative;}
    #product1 .pro-container{display: flex;justify-content: space-between;padding: 0px;flex-wrap: wrap;margin-top: 30px;margin: 5px;} 
    #product1 p{font-size: 14px;} 
    #product1 .pro img{width:90% ;border-radius: 10px;max-height: 120px;margin-left: 0vh;}
      #product1 .pro .des h5{padding-top: 7px;color: #1a1a1a;font-size: 12px;font-weight: normal; }
    }
    
    
    
    /* ***************************** */
    /* SECTION FOOTER(7TH SECTION) */
    /* ***************************** */
    
    footer{display: flex;flex-wrap: wrap;justify-content: space-between;padding: 30px 50px;
    background-color: #088176;font-size:17px;}
    footer .col{display: flex;flex-direction: column;align-items: flex-start;margin-bottom: 20px;font-size: 17px;}
    footer .logo{margin-bottom: 30px;}
    footer .col h4{font-size: 17px;padding-bottom: 20px;}
    footer .col-install h4{font-size: 17px;}
    footer .col-install p{font-size: 17px;}
    footer .col p{font-size: 17px;}
    footer p{font-size: 17px;margin:0 0 8px 0;color: yellowgreen;}
    footer .col a{font-size: 17px;text-decoration: none;color: #222; margin-bottom: 10px; }
    footer .follow {color: #465b52;padding-right: 4px;cursor: pointer;}
    footer .install .row img {border: 1px solid #465b52;border-radius: 6px;}
    footer .installimg {margin: 10px 0 15px 0;}
    footer a:hover{color: #088176;}
    footer .copyright{width: 100%;text-align: center;}
    
    @media (max-width:820px) {
    footer{display: flex;flex-wrap: wrap;justify-content: space-between;padding: 20px 30px;
    background-color: #088176;font-size: 18px;}
    footer .col{display: flex;flex-direction: column;align-items: flex-start;margin-bottom: 20px;}
    footer .logo{margin-bottom: 30px;}
    footer h4{font-size: 17px;padding-bottom: 20px;}
    footer p{font-size: 16px;margin:0 0 8px 0;color: yellowgreen;}
    footer a{font-size: 16px;text-decoration: none;color: #222; margin-bottom: 10px; }
    footer .follow {color: #465b52;padding-right: 4px;cursor: pointer;}
    footer .install .row img {border: 1px solid #465b52;border-radius: 6px;}
    footer .installimg {margin: 10px 0 15px 0;}
    footer a:hover{color: #088176;}
    footer .copyright{width: 100%;text-align: center;}
    }

    @media (max-width:720px) {
    footer{display: flex;flex-wrap: wrap;justify-content: space-between;padding: 20px 30px;
    background-color: #088176;font-size: 18px;}
    footer .col{display: flex;flex-direction: column;align-items: flex-start;margin-bottom: 20px;}
    footer .logo{margin-bottom: 30px;}
    footer h4{font-size: 17px;padding-bottom: 20px;}
    footer p{font-size: 16px;margin:0 0 8px 0;color: yellowgreen;}
    footer a{font-size: 16px;text-decoration: none;color: #222; margin-bottom: 10px; }
    footer .follow {color: #465b52;padding-right: 4px;cursor: pointer;}
    footer .install .row img {border: 1px solid #465b52;border-radius: 6px;}
    footer .installimg {margin: 5px 0 5px 0;}
    footer a:hover{color: #088176;}
    footer .copyright{width: 100%;text-align: center;}
    }
    
    @media (max-width:420px) {
    footer{display: flex;flex-wrap: wrap;justify-content: space-between;padding: 10px 20px;
    background-color: #088176;font-size: 18px;}
    footer .col{display: flex;flex-direction: column;align-items: flex-start;margin-bottom: 20px;font-size: 17px;}
    footer .logo{margin-bottom: 30px;}
    footer h4{font-size: 17px;padding-bottom: 20px;}
    footer p{font-size: 16px;margin:0 0 8px 0;color: yellowgreen;}
    footer a{font-size: 16px;text-decoration: none;color: #222; margin-bottom: 10px; }
    footer .follow {color: #465b52;padding-right: 4px;cursor: pointer;}
    footer .install .row img {border: 1px solid #465b52;border-radius: 6px;}
    footer .installimg {margin: 10px 0 15px 0;}
    footer a:hover{color: white;}
    footer .copyright{width: 100%;text-align: center;}
    }
    
    @media (max-width:799px) {
    #banner3{padding:0 10px;}
    #banner3 .banner-box{min-width: 100%;}
    footer .col{display: flex;flex-direction: column;align-items: flex-start;margin-bottom: 20px;}
    footer .col-install{margin-left: -10px;}
    footer{display: flex;flex-wrap: wrap;justify-content: space-between;padding: 10px 20px;
    background-color: #088176;font-size: 14px;}
    }
    
  @media (max-width:600px) {
   footer .col h4{font-size: 13px;padding-bottom: 20px;}
    footer .col-install h4{font-size: 14px;}
    footer .col-install p{font-size: 13px;}
    footer .col p{font-size: 13px;}
      footer .col a{font-size: 13px;text-decoration: none;color: #222; margin-bottom: 10px; }
    footer p{font-size: 13px;margin:0 0 8px 0;color: yellowgreen;}
    footer{display: flex;flex-wrap: wrap;justify-content: space-between;padding: 5px 10px;
    background-color: #088176;font-size: 10px;}
    footer .col{display: flex;flex-direction: column;align-items: flex-start;margin-top: 15px;}
    footer .logo{margin-bottom: 20px;}
    }  
    
    @media (max-width:499px) {
    #sm-banner .banner-box {width:100% ;height: 40vh;padding:10px;} 
    #sm-banner .banner-box2 {margin-top: 20px;}
    footer{display: flex;flex-wrap: wrap;justify-content: space-between;padding: 10px 15px;
    background-color: #088176;font-size: 12px;}
    footer .col{display: flex;flex-direction: column;align-items: flex-start;margin-top: 15px;}
    }

@media (max-width:360px) {
   footer .col h4{font-size: 13px;padding-bottom: 20px;}
    footer .col-install h4{font-size: 14px;}
    footer .col-install p{font-size: 13px;}
    footer .col p{font-size: 13px;}
      footer .col a{font-size: 13px;text-decoration: none;color: #222; margin-bottom: 10px; }
    footer p{font-size: 13px;margin:0 0 8px 0;color: yellowgreen;}
    footer{display: flex;flex-wrap: wrap;justify-content: space-between;padding: 5px 10px;
    background-color: #088176;font-size: 10px;}
    footer .col{display: flex;flex-direction: column;align-items: flex-start;margin-top: 15px;}
    footer .logo{margin-bottom: 20px;}
    }


    
.interface{display: flex;padding: 0px;flex-wrap: wrap;margin-top:-0px;justify-content: center;}

.interface button{font-size: 15px;font-weight: lighter;padding: 15px 20px;color:white;background-color: rgb(240, 0, 0,.7);border-radius: 0px;cursor: pointer;border: 1px solid red;outline: none;transition:0.2s;margin-bottom: 15px;margin-top: 15px;margin-left: 0%;display:block;}
 button:hover{color: white;background-color: red;}

@media (max-width:720px) {
.interface{display: flex;padding: 0px;flex-wrap: wrap;margin-top:-0px;justify-content: center;}

.interface button{font-size: 16px;font-weight: lighter;padding: 10px 15px;color:white;background-color: rgb(240, 0, 0,.7);border-radius: 0px;cursor: pointer;border: 1px solid red;outline: none;transition:0.2s;margin-bottom: 15px;margin-top: 15px;margin-left: 0%;display:block;}
 button:hover{color: white;background-color: red;}
}

@media (max-width:600px) {
.interface{display: flex;padding: 0px;flex-wrap: wrap;margin-top:-0px;justify-content: center;}

.interface button{font-size: 16px;font-weight: lighter;padding: 10px 15px;color:white;background-color: rgb(240, 0, 0,.7);border-radius: 0px;cursor: pointer;border: 1px solid red;outline: none;transition:0.2s;margin-bottom: 15px;margin-top: 15px;margin-left: 0%;display:block;}
 button:hover{color: white;background-color: red;}
}

@media (max-width:500px) {
.interface{display: flex;padding: 0px;flex-wrap: wrap;margin-top:-0px;justify-content: center;}

.interface button{font-size: 14px;font-weight: lighter;padding: 10px 15px;color:white;background-color: rgb(240, 0, 0,.7);border-radius: 0px;cursor: pointer;border: 1px solid red;outline: none;transition:0.2s;margin-bottom: 5vh;margin-top: 5px;margin-left: 0%;display:block;}
 button:hover{color: white;background-color: red;margin-bottom:3vh;}
}

@media (max-width:385px) {
.interface{display: flex;padding: 0px;flex-wrap: wrap;margin-top:-0px;justify-content: center;}

.interface button{font-size: 14px;font-weight: lighter;padding: 10px 15px;color:white;background-color: rgb(240, 0, 0,.7);border-radius: 0px;cursor: pointer;border: 1px solid red;outline: none;transition:0.2s;margin-bottom: 5vh;margin-top: 5px;margin-left: 0%;display:block;}
 button:hover{color: white;background-color: red;}
}

@media (max-width:360px) {
.interface{display: flex;padding: 0px;flex-wrap: wrap;margin-top:-0px;justify-content: center;}

.interface button{font-size: 14px;font-weight: lighter;padding: 10px 10px;color:white;background-color: rgb(240, 0, 0,.7);border-radius: 0px;cursor: pointer;border: 1px solid red;outline: none;transition:0.2s;margin-bottom: 5vh;margin-top: 5px;margin-left: 0%;display:block;}
 button:hover{color: white;background-color: red;}
}

@media (max-width:320px) {
.interface{display: flex;padding: 0px;flex-wrap: wrap;margin-top:-0px;justify-content: center;}

.interface button{font-size: 12px;font-weight: lighter;padding: 10px 10px;color:white;background-color: rgb(240, 0, 0,.7);border-radius: 0px;cursor: pointer;border: 1px solid red;outline: none;transition:0.2s;margin-bottom: 5vh;margin-top: 5px;margin-left: 0%;display:block;}
 button:hover{color: white;background-color: red;}
}

@media (max-width:240px) {
.interface{display: flex;padding: 0px;flex-wrap: wrap;margin-top:-0px;justify-content: center;}

.interface button{font-size: 10px;font-weight: lighter;padding: 10px 10px;color:white;background-color: rgb(240, 0, 0,.7);border-radius: 0px;cursor: pointer;border: 1px solid red;outline: none;transition:0.2s;margin-bottom: 5vh;margin-top: 5px;margin-left: 0%;display:block;}
 button:hover{color: white;background-color: red;}
}