/* 1200 */
@media only screen and (max-width: 1400px){
    
}

/* 1170 */
@media only screen and (max-width: 1199px){
    
}

/* 992 */
@media only screen and (max-width: 1169px){
    .zachari_about .left_side_content .title{font-size: 48px;}
    .zachari_about{padding: 50px 0;}
    .subtitle{font-size: 20px;}
    .zachari_about .left_side_content .subtitle{font-size: 20px;}
}

/* 768 */
@media only screen and (max-width: 991px){
    .zachari_logo{max-width: 250px;}
    .mainFooter{padding: 40px 0 20px;}
    .title{font-size: 32px;}
    .zachari_about .left_side_content{padding-right: 0;}
    .zachari_about .right_side_content{padding-left: 0;}
    .zc_card_top{font-size: 18px;}
    .cllbox{
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: static;
    right: 35px;
    z-index: 2;
    top: 20px;
    background-color: #8aabb1;
    padding: 10px 10px;
    }
    .callbooking {
    padding: 4px 10px;
    background-color: #fff;
    border-radius: 50px;
    margin-left: 10px;
    font-size: 14px;
    font-weight: 600;
    border: 1px solid #fff;
    -moz-transition: all 300ms ease-in-out;
    -webkit-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}
.callnumber i {
    font-size: 20px;
    position: relative;
    bottom: -2px;
}
    .callnumber{font-size: 16px; white-space: nowrap;}
}

/* 600 */
@media only screen and (max-width: 767px){
    .section { padding: 40px 0; }
    .zachari_about .left_side_content .title{font-size: 38px; margin-bottom: 5px;}
    .zachari_about .left_side_content .subtitle{font-size: 16px;}
    .zachari_about .left_side_content .subtitle span{font-size: 13px;}
    .zachari_about .left_side_content h6{font-size: 13px; margin-bottom: 5px;}
    .zc_price{margin-top: 10px;}
    .zc_service_card{padding: 20px; margin-bottom: 30px;}
    .zc_service_box .sk_box{padding: 20px 15px;}
    .zc_service_box .sk_box .subtitle { font-size: 16px;}
    .zc_price li{font-size: 14px; line-height: 20px;}
    .zc_card_top{margin-bottom: 20px;}
    .zc_service_box .row{margin: 0 -10px; row-gap: 20px;}
    .zc_service_box .row [class*="col-"]{flex: 0 0 50%; max-width: 50%; padding: 0 10px; }
    .zachari_banner_img::before { background: #0000008f;}
}

/* 480 */
@media only screen and (max-width: 599px){
    body { font-size: 15px; line-height: 26px; }
    .zachari_logo { max-width: 180px; top: 50%; left: 50%;}
    p{padding-bottom: 10px;}
    .zf_logo{max-width: 230px;}
    .zf_contact{margin-top: 20px;}
    .mainFooter { font-size: 16px; line-height: 24px; }
    .zc_service_box .row [class*="col-"]{flex: 0 0 100%; max-width: 100%; }
    .zc_service_box .sk_box .subtitle{font-size: 18px;}
    .zc_card_top{font-size: 16px;}
}

/* 360 */
@media only screen and (max-width: 479px){
    .mainFooter { font-size: 14px; line-height: 21px; padding: 20px 0 10px; }
    .zf_logo { max-width: 180px; }
    .zf_contact{margin-top: 15px;}
    .title { font-size: 26px; }
    .section { padding: 30px 0; }
    .zc_card_top::after{width: 190px; margin-top: 0;}
    .zachari_about .left_side_content h6{font-size: 12px;}
    .zachari_about .left_side_content .title{font-size: 32px;}
    .zachari_about .left_side_content .subtitle{font-size: 14px;}
    .zachari_about .left_side_content .subtitle span { font-size: 11px; }
    .zc_service_card { padding: 20px 15px;}

/* 320 */
@media only screen and (max-width: 359px){
    
}