@media (max-width: 800px) {
    .container {
      max-width: 720px;
    }

    .arrow-bottom {height:8px;}

    #content {background-color:#FFF;}
    #content p {text-align:justify; color:#000; font-size:11pt; width:100% !important; margin-right:0;}

    .sub-item p {font-size:8pt !important; text-align:center !important; height:60%; min-height: 176px; margin-left:0px !important;}
    .sub-about a {text-decoration:none;}
    .sub-item {width:45%; height:50%; min-height: 308px; border:1px solid #29ABE2; padding:2%; text-align:center; float:left; margin-bottom:20px;}
    .sub-item:hover {width:45%; height:50%; border:1px solid #29ABE2; padding:2%; text-align:center; float:left; background-color:#E6E6E6; margin-bottom:20px;}


    #submenu {position: absolute; display: none; background-color: #FFF; z-index: 999; padding:50px; width:100%;}
    #edma-fans:hover  #submenu {display: block;}
    #submenu ul {height:100%; width:100% !important; float: left !important; list-style: none;}

    #submenu2 {position: absolute; display: none; background-color: #FFF; z-index: 999; padding:50px 30px 30px 20px; width:100%;}
    #submenu-about:hover  #submenu2{display: block;}
    #submenu2 ul {height:80%; width:100% !important; float: left !important; list-style: none;}

    #submenu3 {position: absolute; display: none; background-color: #FFF; z-index: 999; padding:50px 30px 30px 10px; width:100%;}
    #submenu-support:hover  #submenu3 {display: block;}
    #submenu3 ul {height:100%; width:100% !important; float: left !important; list-style: none;}

    #detail-specification {margin-top:20px; padding-left:0px !important;}
    #detail-specification tr {border-bottom: 1px solid #29ABE2;}
    #detail-specification td { padding-left:5px !important; height:25px; font-size:13px;  width:auto;}

    .brand .paragraf {width:100%; text-align: justify;}

    
    .row-mr {width:100%; height:auto;}

    .row-mr .col-md-4, .col-lg-6 {padding-left:0px !important; padding-right:0px !important;}

    .row-mr img {width:100%; height:auto;}

    .img-content {width:120%; height:auto; float:left;}

    .gallery-detail {width:100% !important; height:auto; text-align:center !important;}

    .img-detail {width:auto; height:60px;}

    .bg-white {width:300px;}
    .bg-td-blue {background-color: #29ABE2; color:#FFF; width:60% !important;}

    .item-award {list-style-type:none; margin-top:10px; text-align:right !important; width:80% !important;}

    .about {padding-bottom:20px;}
    .about h3, p {width:90% !important; margin: 0 auto 0 auto; text-align: justify;}
    .about-title {clear:both; text-align:center !important; margin:10px auto 0 auto !important; width:90%;}
    .about-content {clear:both; text-align:justify !important; margin:10px auto 0 auto !important; width:90%;}

    .award td {font-size:10pt; font-weight:bold;}
    .award td p {color:#7bcbe3;}
    .award img {width:80px;}
    .award p, table {width:90%; margin: 0 auto 0 auto;}
    .award-desc {clear:both; text-align:left; margin:10px auto 0 auto;}
    .award-content {clear:both; text-align:left; margin:10px auto 0 auto;}

    *, *::before, *::after {
      box-sizing: inherit !important;
    }

    #item-product {width:100%;}
    #products a:hover #item-product {border:1px solid #29ABE2;}
    #products a {text-decoration: none !important; display: block;}

    .gallery {text-align: justify; padding-bottom:30px;}
    #products {width:90%; margin:0 auto 0 auto !important;}
    #filter-products {width:90%; margin:0 auto 0 auto;}
    #pagination {width:90%; margin:20px auto 0 auto !important;}

    .detail-brand {clear:both; text-align:center !important; width:100% !important;  margin:0 auto 0 auto;}
    .brand .paragraf {padding-bottom:20px; width:100%; margin:0 auto 20px auto;}
    .brand p {margin-bottom: -2px; text-align: justify;}
    .brand h4 {width:100%; margin-bottom:15px;}

    .motor .paragraf li {text-align: justify;}
    .img-motor {width:100%; margin:0 auto 0 auto; text-align:center;}

    .warranty .paragraf {padding-bottom:20px; width:100%; margin:0 auto 20px auto; text-align: justify;}
    .warranty p {margin-bottom: -2px; text-align: justify;}
    .warranty li {margin-left:20px;}
    .warranty h4 {width:100%; margin-bottom:15px;}

    .contact {background-color: #FFF; padding-bottom:20px;}
    .contact h4 {width:100%; margin: 5 30 5 30; color:#29ABE2;}
    .contact input {width:80% !important; margin: 5 30 5 30; padding:5px; border: 1px solid #29ABE2; color:#29ABE2; }
    .contact textarea {width:80% !important; margin: 5 30 5 30; padding:5px; height:150px; border: 1px solid #29ABE2;}
    .contact .btn-submit {width:200px; border-radius: 15px; background-color: #29ABE2; color: #FFF;}
    .btn-submit { margin:0 auto 0 auto;}
    .contact .cf {text-align:justify;}

    
    #search {position:absolute; z-index: 1100; width:100%; height: 100%; background-color: transparent; top: 0;}
    #form-search {width:80% !important; background-color: #fff; padding:20px; margin: 220px auto 0 auto; border-radius: 5px; opacity: 1; border:1px solid #999;}
    .btn-search {padding:0 5px 0 5px;}

}




#footer {text-align:center; margin-top:30px;}
.bottom-logo {width:60%;}
#footer ul {list-style: none; width:60%; margin-left:20%;}
#footer .sosmed li {float:left; width:25%;}
#footer .sosmed li img {width:40%; height:auto; margin:10px;}

.sitemap {text-align:left !important;}
.sitemap ul {width:50% !important;}
.sitemap li {clear:both !important; text-align: left;}

#sitemap-left {width:50%; float:left;}
#sitemap-right {width:50%; float:left;}
#sitemap-left li {margin-left:-20px;}
#sitemap-right li {margin-left:-20px;}

#information {text-align: left; padding-top:3%;}
.m-top {margin-top:30px;}

#product-title .col-sm-3 {margin-left:20%;}
#product-title h1{ vertical-align: bottom;}

.motor .paragraf {padding-bottom:20px; margin:0 auto 20px auto;}
.motor p {margin-bottom: -2px; text-align: justify;}
.motor li {margin-left:20px;}
.motor h4 {width:100%; margin-bottom:15px;}

.row {margin-right: 0px !important; margin-left: 0px !important;}

.paragraf ul {width:90%; margin: 0 auto 0 auto;}
.paragraf h4 {width:90%; margin: 0 auto 0 auto;}

.how h4 {width:90%; margin: 0 auto 0 auto;}
.how p {width:90%; margin: 0 auto 0 auto; padding-left:25px;}
.how img {width:80%; margin:20px auto 0 auto;}
.how .row {margin-top:20px; margin-bottom:20px;}