<style media="screen">
@media only screen and (max-width: 1200px) {
.sm-font-size-3{
font-size: 13px !important;
}
}
@media only screen and (max-width: 990px) {
.sm-font-size-3{
font-size: 10px !important;
}
}
@media only screen and (max-width: 550px) {
.sm-font-size-3{
font-size: 3px !important;
}
}
</style>
<div class="container p-0">
<div class="footer w-100">
<div class="row m-0">
<div class="col-4 col-md-2 text-right">
<span class="text-white"><img src="assets/img/th1x.png?v=2" width="100"></span>
</div>
<div class="col text-center">
<span class="text-white sm-font-size-3">Athens Communication Co.,Ltd 48/54-55 Soi Sukhonthasawat 38. Lat Phrao District, Bankok Thailand 10230</span>
</div>
<div class="col-1 text-right">
<a class="text-white mx-1"><i class="fab fa-facebook"></i></a>
<a class="text-white mx-1"><i class="fab fa-twitter"></i></a>
</div>
</div>
</div>
</div>
<script src="https://code.jquery.com/jquery-3.5.1.js" integrity="sha256-QWo7LDvxbWT2tbbQ97B53yJnYU3WhH/C8ycbRAkjPDc=" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.bundle.min.js"></script>
<script src="assets/vendors/highlight.js"></script>
<script src="assets/js/app.js"></script>
<script>
var scrollTimerId;
$(document).ready(function() {
$(window).scroll(function(){
if ($(this).scrollTop() > 50) {
$('.nav-top').addClass('scrolling');
$('.toggle-ul-x').addClass('bars-x');
} else {
$('.nav-top').removeClass('scrolling');
$('.toggle-ul-x').removeClass('bars-x');
}
});
$('.toggle-ul').on('click' , function(){
$('.navbars-sm').addClass('nb-toggle');
});
$('.toggle-ul-times').on('click' , function(){
$('.navbars-sm').removeClass('nb-toggle');
$('.navbars-sm').addClass('r-200');
});
$('.active-scroll').on('click' , function(){
$('.active-scroll').removeClass('active-link')
$(this).addClass('active-link')
})
});
</script>