@media (min-width: 768px) {
	.contact-bar{
		text-align:right;
		margin-right:8%;
	}
	
	.contact-bar .social-phone{
		display:none;
	}
    .headbar-top{
        padding: 0 .5rem;
    }
    .hamburgers-box {
        width: auto;
    }
    .navbar-brand{
        padding-left: 0;
    }
    .navbar-brand img {
        width: 180px;
    }
    .navbar-expand-md .navbar-collapse {
        width: 100%;
    }
    .navbar-nav{
        width: 80%;
    }
    .social-mobile{
        width: 20%;
    }
    .social-mobile img{
        width: 1rem;
        transition: all 0.5s;
    }
    .social-mobile img:hover{
        transform: translateY(-5px);
    }
    .social-footer img:hover{
        transform: translateY(-5px);
    }
    .navbar-collapse ul li {
        padding: 5px 6px 5px;
        font-size: 13px;
        transition: all 0.5s;
        text-align: center;
    }
    .navbar-expand-md .navbar-nav .nav-link {
        padding-right: 0rem;
        padding-left: 0rem;
    }
    .contact-bar {
        font-size: 14px;
    }
    .title-about{
        margin: 2% auto;
    }
    .about-detail{
        margin-bottom: 3%;
    }
    .detail-whyus{
        font-size: 14px;
    }
    .title-portfolio {
        margin: 3% auto 0;
    }
    .slide-port .bx-wrapper .bx-controls-direction a {
        top: 50%;
    }
    .slide-port .bx-wrapper .bx-prev {
        left: -5%;
        right: auto;
    }
    .slide-port {
        margin: 4% auto 2%;
    }
    .follow-footer{
        margin-top: 0;
    }
    .footer{
        padding: 7% 0;
    }
}
/*///////////////////////////////////////////////////////////////////////////////////*/
@media (min-width: 992px) {
    .navbar-collapse ul li {
        font-size: 16px;
        padding: 10px 7px;
    }
    .social-mobile img {
        width: auto;
    }
    .contact-bar {
        font-size: 16px;
    }
    .title-box {
        font-size: 30px;
        padding: 5px 20px;
    }
    .title-about{
        font-size: 26px;
    }
    .title-namecome{
        width: 60%;
    }
    .title-whyus{
        margin-bottom: 3%;
    }
    .detail-whyus tr{
        padding: 3px 0;
    }
} 
/*///////////////////////////////////////////////////////////////////////////////////*/
@media (min-width: 1200px) {
    .nav-container .container{
        max-width: 1230px;
    }
    .navbar-collapse ul li {
        font-size: 18px;
        padding: 30px 18px;
    }
    .contact-bar {
        font-size: 18px;
    }
    .navbar-brand img {
        width: 266px;
    }
    .title-box {
        font-size: 36px;
        padding: 5px 0;
    }
    .detail-whyus {
        font-size: 18px;
    }
    .detail-whyus tr {
        padding: 5px 0;
        display: block;
    }
    .detail-port h1{
        width: 50%;
    }
    .title-namecome {
        width: 49%;
    }
    .footer h1{
        font-size: 22px;
    }
    .footer{
        font-size: 18px;
    }
    .address-footer{
        padding-right: 10%;
    }
    .follow-footer{
        margin-left: 3rem;
    }
    .follow-footer ul li{
        padding: 5px 0;
    }
    .social-footer{
        margin-top: 10px;
        margin-left: 3rem;
    }
    .logo-footer img {
        width: 12rem;
    }
    .copyright-box{
        font-size: 18px;
    }
	.detail-port{
		height:252px;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.table-contact tr td:nth-child(1) {
		width: 25%;
	}
}
@media (min-width: 1400px) {  
	.table-contact tr td:nth-child(1) {
		width: 20%;
	}
}
/*///////////////////////////////////////////////////////////////////////////////////*/
@media (min-width: 1700px) {  
    .container{
        max-width: 1600px;
    }
    .navbar-collapse ul li {
        font-size: 20px;
        padding: 30px 34px;
    }
    .contact-bar{
        font-size: 20px;
    }
    .about-detail {
        font-size: 20px;
        line-height: 2;
    }
    .title-about {
        margin-bottom: 1%;
    }
    .title-namecome {
        width: 42%;
        font-size: 20px;
    }
    .detail-whyus {
        font-size: 20px;
    }
    .detail-whyus tr {
        padding:7px 0;
    }
    .img-about img {
        width: auto;
    }
    .footer {
        font-size: 20px;
        padding: 5% 0;
    }
    .address-footer {
        padding-right: 20%;
    }
    .copyright-box{
        font-size: 20px;
    }
    .slide-port .bx-wrapper{
        max-width: 1600px !important;
    }
    .img-about{
        margin-top: 3%;
    }
    .title-whyus {
        margin-bottom: 0%;
    }
}
/*///////////////////////////////////////////////////////////////////////////////////*/
@media (min-width: 2000px) {
}