@media (max-width: 350px) {
    span.navbar-brand {
        display: none;
    }
    .sidebar-nav ul{
        flex-grow: 1;
    }
    a.main.has-arrow.waves-effect.waves-dark {
        padding: 10px 15px !important;
    }
    .carousel-img h5 {
        font-size: 14px;
        padding: 0px;
    }
    .carousel-img h3 {
        font-size: 20px;
    }
    .carousel-img h4 {
        font-size: 14px;
    }
    .carousel-letter {
        padding: 0px;
        font-size: 13px;
    }
    .navbar-brand {
        font-size: 14px;
    }
    #sidebarnav li a.main {
        font-size: 14px;
    }   
    #sidebarnav li a {
        font-size: 13px;
    }
    a.has-arrow span.icon-arrow-down {
        display: none;
    }
    .skin-megna-dark .sidebar-nav>ul>li.selected>a {
        background-color: #e9ecef;
    }
    
    .carousel-flex{
        flex-wrap: wrap;
        margin-top: 10px;
    }
    .inet-con-itm {
        margin-bottom: 10px;
    }

    .carousel-wrap.banner-home .carousel-img {
        background: #213b798f;
        background: -moz-linear-gradient(left,#213b798f 0,#793b82 100%);
        background: -webkit-linear-gradient(left,#213b798f 0,#2a3280 100%);
        background: linear-gradient(to right,#213b79ab 0,#2a3280 100%);
        width: 100%;
        height: 320px;
    }

    .about-us-summary {
        background-size: cover;
        background-position: center;
        background-color: #fff;
    }
    .banner-inner-box {
        background: #ffffff87;
        padding: 10px;
        margin-top: 15px;
        color: #000;
        margin-bottom: 15px;
    }
    .wrap-head-title h3, .wrap-head-title-right h3 {
        font-size: 20px;
    }
    .why-choose-summary{
        background-size: cover;
        background-position: center;
    }
    h1.banner-title {
        font-size: 14px !important;
        margin-bottom: 10px;
    }
    .banner-small-text {
        font-size: 14px;
    }
    .wrap-head-title h5, .wrap-head-title-right h5 {
        font-size: 14px;
    }
    h4.inet-choose-title {
        font-size: 14px;
    }
    .inet-choose-text {
        font-size: 14px;
    }
    .inet-choose-txt h3 {
        font-size: 16px;
    }
    .inet-choose-txt p {
        font-size: 13px;
    }
    .noti-pad-wrap {
        padding: 30px 10px 30px 10px;
    }
    .noti-pad-ttl {
        font-size: 20px;
    }
    h3.noti-pad-subttl {
        font-size: 16px;
        padding-bottom: 20px;
    }
    .noti-pad p {
        font-size: 14px;
        font-style: italic;
        font-family: 'Poppins';
    }
    .promotion h4 {
        font-size: 30px;
        padding-top: 10px;
    }
    span.promotion-period {
        font-size: 16px;
        padding-left: 10px;
    }
    .promotion-text, .promotion-button {
        padding-left: 10px;
    }
    .noti-pad {
        padding: 30px;
    }
    .get-in-touch-wrap {
        padding: 20px;
        margin: 20px;
    }
    .get-in-touch h4 {
        font-size: 20px;
    }
    .get-in-touch span {
        font-size: 14px;
    }
    .get-in-touch .input-group.m-t-10 {
        width: 80%;
    }
    .about-us-img {
        padding: 10px 0px;
    }
    .sm-order-2 {
        order: 2;
        padding-bottom: 20px;
    }
    .footer {
        margin-top: 20px;
    }
    .footer-flex {
        flex-wrap: wrap;
    }
    .footer1 {
        padding: 0px 0px;
    }
    .flex-item.flex-item1 {
        padding: 10px;
        width: 100%;
    }
    .flex-item.flex-item2 {
        min-width: 160px;
        width: 100%;
    }
    .flex-item.flex-item3 {
        width: 100%;
    }
    .contact-card-title, .contact-card-body {
        padding: 10px;
    }
    .phone-fonts,.address-fonts {
        font-size: 12px;
    }
    .contact-card h4.card-title {
        font-size: 15px;
    }
    .contact-card {
        min-height: 100px;
        margin-bottom: 10px;
    }
    .services{
        padding: 30px 10px 0px 10px;
    }
    img.img-responsive.promotion-img {
        width: 170px;
        margin: 0 auto;
        display: block;
    }
    .promotion {
        text-align: center;
    }
    .plan-wrap{
        padding: 30px 20px 30px 20px;
    }
    .review {
        padding: 30px 20px 30px 20px;
    }
}