#mobile-form { display:none; }
#dekstop-form { display:block; }
#mobile-service { display:none; }
#dekstop-service { display:block; }

@media (max-width: 500px) {
    #mobile-form { display:block; padding:15px 0; }
    #dekstop-form { display:none; }
    #mobile-service { display:block; }
    #dekstop-service { display:none; }
    .faq { background-size:100% !important; background: url('../../images/faq.jpg') no-repeat right top; }
    #faqlist { margin-top:150px; }
    .brands { background: #f2f2f2 url(../../images/left_circle.png) no-repeat left top;  background-size: 50%; }
    .featured-services .service-item h3 { font-size: 31px; }
    .header .logo img { max-height:40px; }
    .header a.h4 { font-size: 17px; }
    .carousel-control-next, .carousel-control-prev { position:relative; color: #000; opacity:1; width: auto; display: inline; }
    .carousel-control-prev { left:37%; }
    .carousel-control-next { left:47%; }
    .carousel-control-next i, .carousel-control-prev i { font-size:31px; color: #000; }
    .carousel-control-next:hover, .carousel-control-prev:hover { color: #000; }
    .timeline-steps .timeline-step { text-align:left; width: 100%; }
    .timeline-steps .timeline-content { text-align:left; }
    .timeline-content ul { text-align:left;  margin:0; padding:0 0 0 13px; }
}