@media only screen and ( max-width:320px) {
    .section {
        padding-top: 30px !important;
    }
    .footer-phone{
        padding-left: 0px !important;
    }
    .social-media{
        padding-left: 0px !important;
    }
    .our-title span{
      font-size: 30px !important;
  }
.our-title{
      font-size: 30px !important;
  }
  .row-reverse{
      display: flex !important;
      flex-direction: column-reverse !important;
  }
  .cta-text h4 {
      font-size: 18px !important;
  }
  .single-cta {
    display: flex !important;
    padding-bottom: 15px !important;
}
  .single-cta i {
      font-size: 20px !important;
  }
  .img-coc-milk{
    max-width: 15% !important;
  }
  .t-c-center{
    text-align: center !important;
  }
  
    /*.dropdown-content {
        padding-left: 60px !important;
        margin-left: 50px !important;
      }
      .dropdown-content li a {
        padding-bottom: 10px !important;
        padding-top: 10px !important;
      }*/
      .dd-mobile{
        display:none !important;
    }
    .dd-desktop{
        display: inherit !important;
        }
      .dropbtn {
        
        color: white !important;
        font-size: inherit !important;
        cursor: pointer !important;
      }
      
      .dropdown {
        position: relative !important;
        display: inline-block;
      }
      
      .dropdown-content {
        display: none !important;
        position: absolute !important;
        background-color: #f1f1f1 !important;
        min-width: 160px !important;
        overflow: auto !important;
        box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2) !important;
        z-index: 1 !important;
        margin-top: 5px !important;
      }
      
      .dropdown-content a {
        color: black !important;
        padding: 12px 16px !important;
        text-decoration: none !important;
        display: block !important;
      }
      
      .dropdown a:hover {background-color: #ddd !important;}
      
      .show {display: block !important;}
    
}
@media only screen and ( min-width:321px) and ( max-width:575px) {
    .section {
        padding-top: 30px !important;
    }
    .footer-phone{
        padding-left: 0px !important;
    }
    .social-media{
        padding-left: 0px !important;
    }
    .our-title span{
      font-size: 30px !important;
  }
.our-title{
      font-size: 30px !important;
  }
  .row-reverse{
      display: flex !important;
      flex-direction: column-reverse !important;
  }
  .single-cta {
    display: flex !important;
    padding-bottom: 15px !important;
}
  .single-cta i {
      font-size: 20px !important;
  }
  .img-coc-milk{
    max-width: 20% !important;
  }
  .t-c-center{
    text-align: center !important;
  }
    
    /*.dropdown-content {
        padding-left: 60px !important;
        margin-left: 50px !important;
      }
      .dropdown-content li a {
        padding-bottom: 10px !important;
        padding-top: 10px !important;
      }*/
    .dd-mobile{
        display:none !important;
    }
    .dd-desktop{
        display: inherit !important;
        }
      .dropbtn {
        
        color: white !important;
        font-size: inherit !important;
        cursor: pointer !important;
      }
      
      .dropdown {
        position: relative !important;
        display: inline-block;
      }
      
      .dropdown-content {
        display: none !important;
        position: absolute !important;
        background-color: #f1f1f1 !important;
        min-width: 160px !important;
        overflow: auto !important;
        box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2) !important;
        z-index: 1 !important;
        margin-top: 5px !important;
      }
      
      .dropdown-content a {
        color: black !important;
        padding: 12px 16px !important;
        text-decoration: none !important;
        display: block !important;
      }
      
      .dropdown a:hover {background-color: #ddd !important;}
      
      .show {display: block !important;}
}
@media only screen and ( min-width:576px) and ( max-width:767px) {
    .section {
        padding-top: 30px !important;
    }
    .footer-phone{
        padding-left: 0px !important;
    }
    .social-media{
        padding-left: 0px !important;
    }
    .row-reverse{
      display: flex !important;
      flex-direction: column-reverse !important;
  }
  .single-cta {
    display: flex !important;
    padding-bottom: 15px !important;
}
  .single-cta i {
      font-size: 20px !important;
  }
  .img-coc-milk{
    max-width: 20% !important;
  }
  .t-c-center{
    text-align: center !important;
  }
    /*.dropdown-content {
        padding-left: 60px !important;
        margin-left: 50px !important;
      }
      .dropdown-content li a {
        padding-bottom: 10px !important;
        padding-top: 10px !important;
      }*/
      .dd-mobile{
        display:none !important;
    }
    .dd-desktop{
        display: inherit !important;
        }
      .dropbtn {
        
        color: white !important;
        font-size: inherit !important;
        cursor: pointer !important;
      }
      
      .dropdown {
        position: relative !important;
        display: inline-block;
      }
      
      .dropdown-content {
        display: none !important;
        position: absolute !important;
        background-color: #f1f1f1 !important;
        min-width: 160px !important;
        overflow: auto !important;
        box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2) !important;
        z-index: 1 !important;
        margin-top: 5px !important;
      }
      
      .dropdown-content a {
        color: black !important;
        padding: 12px 16px !important;
        text-decoration: none !important;
        display: block !important;
      }
      
      .dropdown a:hover {background-color: #ddd !important;}
      
      .show {display: block !important;}
      
}
@media only screen and ( min-width:768px) and ( max-width:991px) {
    .section {
        padding-top: 30px !important;
    }
    .footer-phone{
        padding-left: 0px !important;
    }
    .social-media{
        text-align: center !important;
    }
    .row-reverse{
      display: flex !important;
      flex-direction: column-reverse !important;
  }
  .single-cta {
    display: flex !important;
    padding-bottom: 15px !important;
}
  .single-cta i {
      font-size: 20px !important;
  }
  .img-coc-milk{
    max-width: 20% !important;
  }
  .t-c-center{
    text-align: center !important;
  }
    /*.dropdown-content {
        padding-left: 60px !important;
        margin-left: 50px !important;
      }
      .dropdown-content li a {
        padding-bottom: 10px !important;
        padding-top: 10px !important;
      }*/
      .dd-mobile{
        display:none !important;
    }
    .dd-desktop{
        display: inherit !important;
        }
      .dropbtn {
        
        color: white !important;
        font-size: inherit !important;
        cursor: pointer !important;
      }
      
      .dropdown {
        position: relative !important;
        display: inline-block;
      }
      
      .dropdown-content {
        display: none !important;
        position: absolute !important;
        background-color: #f1f1f1 !important;
        min-width: 160px !important;
        overflow: auto !important;
        box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2) !important;
        z-index: 1 !important;
        margin-top: 5px !important;
      }
      
      .dropdown-content a {
        color: black !important;
        padding: 12px 16px !important;
        text-decoration: none !important;
        display: block !important;
      }
      
      .dropdown a:hover {background-color: #ddd !important;}
      
      .show {display: block !important;}
}
@media only screen and ( min-width:992px) and ( max-width:1999px) {
    .section{
        padding-top: 50px !important;
        padding-bottom: 30px !important;
}
}