/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-width: 320px) and (max-width: 768px) {

h1 {
    font-size: 40px;
}
.navbar-brand > img {
    width: auto;
    max-height: calc(100px - 10px - 1rem) !important;
}
.navbar-light .navbar-brand{
    height: 40px;
    width: 150px;
}
.navbar-dark .navbar-brand{
    height: 40px;
    width: 150px;
}
.banner-right-pan img{
    width: 100%;
}
.banner-section h1{
    padding-top: 0;
    font-size: 30px;
    text-align: center;
}
.banner-left h3{
    font-size: 20px;
    text-align: center;
}
.carousel-indicators{
    display: none;
}
.about-left{
    display: none;
}
.about-content-pad {
    padding-right: 0px;
}
.about-content-pad-left {
    padding-left: 0px;
}
.about-right{
    display: none;
}
.about-left-cake{
    display: none;
}
.about-content{
    padding-bottom: 300px;
}
.about-bottom{
    right: 0;
}
.about-bottom img {
    width: 100%;
}
.about-content-pad-left h3{
    text-align: center;
}
.about-content p{
    text-align: center;
}
.about-content h3{
    text-align: center;
}
.about-content-pad-left h3{
    margin-top: 0px !important;
}
.bread-menu h2{
    margin-bottom: 0px;
}
.about-banner-right-pan{
    display: none;
}
.about-page-rightimg{
    display: none;
}
.about-page-cont h3{
    margin-top: 30px;
}
.about-page-leftimg{
    bottom: -60px;
}
.about-page-leftimg img {
    width: 40%;
}
.product-part h1{
    padding: 0px;
}
.product-part .pro-border2{
    border: none;
}
.product-part .pro-border1{
    border: none;
}
.product-part .product {
    padding: 30px;
}
.contact-part h1{
    padding-top: 50px;
}
.contact100-form-title {
    text-align: center;
  }
  .contact100-form p {
    text-align: center;
  }
  .wrap-contact100 {
    padding: 30px;
}
.container-contact100-form-btn{
    text-align: center;
}
.inner-banner img {
    width: 80%;
}
.inner-banner2 img {
    width: 80%;
}
.inner-banner3 img {
    width: 80%;
}
.banner-right-pan{
    display: none;
}
.inner-banner {
    background-image: url(../img/m-banner-bg-02.png);
    background-size: 100% 100%;
}
.inner-banner2 {
    background-image: url(../img/m-banner-bg-03.png);
    background-size: 100% 100%;
}
.inner-banner3 {
    background-image: url(../img/m-product-sub-banner.png);
    background-size: 100% 100%;
}
.banner-01{
    background-image: url(../img/m-banner-bg-01.png);
    background-size: 100% 100%;
}
.banner-02{
    background-image: url(../img/m-banner-bg-02.png);
    background-size: 100% 100%;
}
.banner-03{
    background-image: url(../img/m-banner-bg-03.png);
    background-size: 100% 100%;
}

footer h2 {
    text-align: center;
  }
  footer h3 {
    text-align: center;
  }
  footer p {
    text-align: center;
  }
  footer {
    text-align: center;
  }
  
}

/* ##Device = Low Resolution Tablets, Mobiles (Landscape) -------------- */

@media (min-width: 481px) and (max-width: 767px) {
}

/* ##Device = Tablets, Ipads (portrait) ----------------- */

@media (min-width: 768px) and (max-width: 1024px) {
}