.owl-nav div {
     margin: 5px;
     background: #1a3e6640 !important;
     color: #fff !important;
     opacity: 1 !important;
     -webkit-transition: all 200ms linear;
     -moz-transition: all 200ms linear;
     -o-transition: all 200ms linear;
     -ms-transition: all 200ms linear;
     transition: all 200ms linear;
     position: absolute;
     top: calc(45% - 10px);
     -webkit-border-radius: 30px;
     -moz-border-radius: 30px;
     border-radius: 30px;
     width: 40px;
     height: 30px;
     line-height: 30px;
     text-align: center;
 }

 .owl-nav div.owl-prev {
     left: 0;
 }

 .owl-nav div.owl-next {
     right: 0;
 }

 .owl-dots {
     display: table;
     margin: -45px auto 0;
     position: relative;
     background: #fff;
     border-radius: 10px;
     padding: 0 6px;
 }

 .owl-dots .owl-dot {
     width: 20px;
     height: 5px;
     background: #ddd;
     display: inline-block;
     margin: 0 5px;
     border-radius: 2px
 }

 .owl-dots .owl-dot.active {
     background: #0fc1b9;
 }

 @media only screen and (min-width:320px) and (max-width:767px) {
     .owl-nav {
         display: none
     }
 }