@media only screen and (max-width: 768px) {
  /* For mobile phones: */
.modal-content{width:90%;}
.form-modal .form-field:nth-child(2),
.form-modal .form-field:nth-child(3){width:100%; clear:both;}
.modal-bottom{display: flex;flex-direction: column;}
.modal-bottom a{margin-bottom:15px;}
.form-modal .form-button{display: flex;flex-direction: column;}

.owl-nav{position: initial !important;}
.owl-nav div{position: absolute;
    top: 40%;
    width: 40px !important;
    height: 40px !important;
    margin: 0 !important;
    background-position: center !important;}
.owl-nav .owl-prev{left:0;}
.owl-nav .owl-next{right:0;}
.owl-nav .disabled{opacity: 0.2;}


.footer-widget-area{text-align:left !important; padding:15px;}
ul#menu-menu-contact li a span{padding-left:15px;}

/* css for mobile in homepage */
#text-3::after{background-position: bottom;background-size: auto;}
#homepage-1-widget .cat-post-widget ul li a.cat-post-title{color:#333}
#homepage-1-widget .cat-post-widget ul li:first-child a.cat-post-title{color:#f30}

#homepage-1-widget .cat-post-widget ul{display: flex;flex-direction: column;}
#homepage-1-widget .cat-post-widget ul li{width:100%; margin-bottom:15px;}
#homepage-bottom-widget{flex-direction: column;}
#homepage-bottom-widget .widget{width:100%; margin-bottom:15px;}

.product-info{flex-direction: column;
    width: 95%;
    margin: 0 auto;
    padding: 10px;}
.product-image,
.product-detail{width:100%;}
div.sale-off{margin:0px;}
.entry-content{padding:10px;}

#secondary{}
.sidebar-main .widget{    margin: 10px;}

.archive .ast-float{width:100%; float:none;}
.archive .entry-header,
.archive .entry-content{width:100%; clear:both; float:none;}

.site-primary-header-wrap{width:100%;}

  /* End For mobile phones: */
}