.ctact-left{
    width: calc(100% - 295px);
}
.ctact-badge{
    width: 295px;
    position: relative;
}
.ctact-left .address-detail > li:first-child{
    width: 275px;
    border-right: 1px solid rgb(112 112 112 / 20%);
    padding-right: 30px;
}
.ctact-left .address-detail > li:last-child{
    width: 445px;
    padding-left: 70px;
    border-left: 1px solid rgb(112 112 112 / 20%);
}
.ctact-left .address-detail > li .follow-list li a.facebook {
background: #3B5998;
}
.ctact-left .address-detail > li .follow-list li a.instagram{
    background: radial-gradient(circle at 30% 107%,  #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%);
}
.ctact-left .address-detail > li .follow-list li a > img{
    filter: brightness(0) invert(1);
}
.ctact-left .address-detail > li .follow-list li a:hover{
    box-shadow: 0 5px 8px rgb(0 0 0 / 44%);
    transform: translate(0, -5px);
}
.ctact-left .address-detail li .ctbox .add-info p, 
.ctact-left .address-detail li .ctbox .add-info a{
    color: var(--secondary-color);
}
.ctact-left .address-detail li .ctbox .add-info a:hover{
    color: var(--orange-color);
}
.ctact-left .address-detail li .ctbox:first-child{
    margin-bottom: 25px;min-height: 66px;
}
.ctact-left .open-list li{
    width: 100%;
}
.ctact-left .open-list li:not(:last-child) p span {
    display: inline-block;
}
.ctact-left .open-list li:last-child{
    margin-top: 35px;
}
.ctact-left .address-detail li .ctbox .add-info label{
    display: block;
    margin-bottom: 6px;
}
.ctact-img {
    width: 670px;
}

.ctact-right {
    width: calc(100% - 670px);
    padding-left: 100px;
}

.ctact-right textarea {
    min-height: 140px;
}

.ctact-right .white-box {
    padding: 54px 40px;
}

.ctact-right .white-box .title-xlg {
    margin-bottom: 30px;
}

.ctact-right .form-group {
    margin-bottom: 25px;
}
.map-sec  .right-text{
    top:0;
}

/* START MEDIA QUERY  */
@media screen and (max-width: 1439.99px) {

    .ctact-img {
        width: 500px;
    }
    .ctact-right {
        width: calc(100% - 500px);
        padding-left: 60px;
    }
    .ctact-badge {
        width: 250px;
    }
    .ctact-left {
        width: calc(100% - 250px);
        padding-right: 30px;
    }
    .ctact-left .address-detail > li:last-child{
        width: 285px;
        padding-left: 30px;
    }
    .ctact-left .address-detail > li:first-child {
        width: 215px;
    }
}
@media screen and (max-width: 1199.99px) {

    .ctact-right .white-box {
        padding: 30px;
    }
    .ctact-img {
        width: 400px;
    }
    .ctact-right {
        width: calc(100% - 400px);
        padding-left: 30px;
    }
    .ctact-left {
        width: 100%;
        padding-right: 0;
    }
}


@media screen and (max-width:991.99px) {
    .map  iframe{
        height: 350px;
    }
    .ctact-img {
        width: 100%;
    }
    .ctact-right {
        width: 100%;
        padding-left: 0;
        margin-top: 30px;
    }
    .ctact-left .address-detail > li ,
    .ctact-left .address-detail > li:first-child{
        width: 50%;
        text-align: center;
    }
    .ctact-left .follow-list{
        justify-content: center;
    }
    .ctact-left .address-detail > li:last-child{
        width: 100%;
        padding-left: 0;
        padding-top: 30px;
        border-left: 0;
        border-top: 1px solid rgb(112 112 112 / 20%);
        text-align: center;
    }
    .ctact-left .address-detail li .ctbox .icon{
        margin: 0 auto 10px;
    }
    .ctact-left .address-detail li .ctbox .icon  > img{
        margin: 0 auto;
    }
    .ctact-left .address-detail li .ctbox .add-info{
        width: 100%;
    }
    .open-list{
        margin: 30px auto 0;
    }
    .ctact-left .open-list li:last-child {
        margin-top: 5px;
    }
    .ctact-badge{
        margin: 0 auto;
    }
}

@media screen and (max-width:767.99px) {
    .ctact-right .white-box {
        padding: 20px;
    }
}

@media screen and (max-width:575.99px) {
    .ctact-left .address-detail > li, .ctact-left .address-detail > li:first-child{
        width: 100%;
    }
    .ctact-left .address-detail > li:first-child{
        padding-right: 0;
        border-right:0;
        border-bottom: 1px solid rgb(112 112 112 / 20%);
        padding-bottom: 18px;
        margin-bottom: 18px;
    }
}