@media (min-width: 768px) {
    .navbar-brand {
        padding-left: 0;
        margin: 0rem auto;
    }
    .navbar-collapse ul li{
        width: auto;
        margin: auto;
        font-size: .8rem;
        text-align: center;
    }
    .navbar-expand-md .navbar-collapse{width: 100%;}
    .navbar-expand-md .navbar-nav{width: 100%;}
    .navbar-collapse ul li a{
        padding: 5px;
    }
    .social-header{width: 15%;}
    .social-header img{width: 1.8rem;transition: all 0.5s;}
    .social-header img:hover{transform: translateY(-5px);}
    .content-box{
        padding: 7% 0;
        background: url( "../images/bg-2.png") top left repeat-y;
        background-size: 100% !important;
    }
    .bg-logo{width: auto;}
    .titlle-box {
        text-align: left;
    }
    .readmore-btn{text-align: right;}
    .footer{padding: 5% 0;}
    .address-footer, .logo-footer{margin-bottom: 0;}
    
    /*========otherpage===================================*/
    .content-other{
        padding: 5% 0;
    }
    .content-aboutbox{padding: 5% 0;}
    .detail-about1 h1{margin-bottom: 1rem;}
    .bg-sendbox{padding: 3%;margin-bottom: 2rem;}
    .img-contact{margin: 0 auto;}
    .map{margin: 0;}
}
@media (min-width: 812px){
}
/*///////////////////////////////////////////////////////////////////////////////////*/
@media (min-width: 992px){
    html{font-size: 18px;}
    .about-box h1 {font-size: 33px;}
    .navbar-collapse ul li a {padding: 5px 15px;}
    .address-footer ul li {
        display: inline-block;
        width: 49%;
        font-size: 14px;
    }
    .about-box img {
        width: auto;
    }
    .about-box{padding: 8% 0;}
    /*========otherpage===================================*/
    .icon-contact{font-size: .9rem;}
    
}
/*///////////////////////////////////////////////////////////////////////////////////*/
@media (min-width: 1200px) {
    .about-box h1 {font-size: 38px;}
    .about-box {padding: 13% 0;}
    .about-box .img-left {top: 0;}
    .titlle-box {
        font-size: 48px;
        font-weight: bold;
    }
    .readmore-btn{font-size: 22px;}
    .job-box h1{font-size: 24px;}
    .address-footer ul li{font-size: 17px;}
    .navbar-collapse ul li{font-size: 1rem;}
    .navbar-brand img {width: 210px; }
    .slim .navbar-brand img {width: 130px; }
    
    /*========otherpage===================================*/
    .detail-about {
        padding-right: 15%;
    }
}
/*///////////////////////////////////////////////////////////////////////////////////*/
@media (min-width: 1440px) { 
    html{font-size: 20px;}
    .container{ max-width: 1230px; } 

    .social-header img {width: auto;}
    .address-footer ul li img {
        width: auto;
    }
    .map{height:350px;}
    
}

/*///////////////////////////////////////////////////////////////////////////////////*/
@media (min-width: 1800px) {
    .container{ max-width: 1440px; } 
    .address-footer ul li {font-size: 18px;}
}