@media only screen and (max-width: 767px) {     
    .logo { width: 180px !important; float: left; } 
    .call { display: inline-block !important; background: green; color: #fff; padding: 2px 8px; border-radius: 20px; font-size: 20px; float: left; } 
    .hero-content-body a { font-size: 13px;   } 
    .hero { margin-top: -30px; } 
    .btn-default { font-size: 11px !important; margin: 0px !important;  padding: 10px 0px 10px 10px !important; width: 95% !important; text-align: left !important; } 
    .hero .btn-default::before { content: none;  }   
    .hero h1 { font-size: 25px !important; } 
    .hero h1 span{ font-size: 25px !important; }   
    .btn-default i { display: inline-block !important; font-size: 14px;  }     
} 
.hero-content-body { padding: 5px 40px !important; margin: 0px !important; border: none; width: 47%; float: left;   } 
.hero-content-body img {  border: solid 6px #ff9100; border-radius: 20px; padding: 0px; }
.bttn { 
    display: inline-block;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.5em;
    color: var(--white-color);
    background: var(--accent-color);
    text-transform: capitalize;
    padding: 14px 20px 14px 20px;
    border-radius: 99px;
    border: none;
    transition: all 0.5s ease-in-out;
    position: relative;
    overflow: hidden;
    z-index: 1; } 
 .bttn i { font-size: 20px;  } 
.service-item .service-body img {  border-radius: 20px;} 
.flogo {   filter: invert(0.4); max-width: 350px !important; } 
.btn-default i { display: none; } 
.btn-default { 
    width: 210px; text-align: center; 
    font-family: "Antonio", sans-serif; 
    font-size: 19px; 
    padding-left: 40px !important;    
    } 
.hero .btn-default::before { content: none;  } 
.call { display: none;} 
.main-menu ul ul { width: 280px;  } 
.page-header {  padding: 40px 0; } 
.topbar { background-color: var(--secondary-color); text-align: center; }
.topbar a {  color:#000; }
.navbar  { padding-top: 5px !important; border-top: solid 1px #ddd; }
.topbar .links a { margin: 0px 10px; }
.vblog .ytplay .videoz{ padding: 10px 0px;   border: inset 5px rgb(10, 170, 31); border-radius: 10px; background: #000; z-index: 999 !important; }
.vblog .ytplay .pmg{ border-radius: 10px;  margin-top: -9px; z-index: -999 !important;  }
.ytplay { cursor: pointer; margin-bottom: 10px; }
.ytplaybtn { padding: 0px 20px; }
.cover { overflow: hidden; margin: -20px; }
.cover img { width: 100%;  }
.pages svg { width: 30px;; }
.pages {padding-bottom: 30px;; }
.qlinks li{ display: inline; border-right: solid 1px #fff;  padding:0px 10px;; }
.whatsApp { color:#fff; background: #34c907; position: fixed; bottom:10px; right:20px;  padding: 10px 15px; border-radius: 20px; font-size: 30px; }