.greeting{
    overflow:hidden;
}

.greeting{
    overflow:hidden;
    
}

.greeting h3{
    
    font-size:20px;
    margin-bottom:30px;
    text-align:center;
    background:#636363;
    color:#fff;
    padding:5px;
}
div.sub_con .greeting_img{
    max-width:200px;
    float:left;
     width:35%;
   
}
div.sub_con .greeting_img img{
    min-width:300px;
     width:100%;
}

.sub_con h4{
    position:relative;
    margin-top:15px;
    margin-bottom:20px;
    padding-bottom:10px;
    font-size:40px;
    color:#4c4646;
}
.sub_con h4 span{
    display:inline-block;
    margin-left:5px;
    padding-left:10px;
    border-left:1px solid #969696;
    font-size:12px;
    color:#878787;
}
.sub_con h4 img{
    display:block;
    position:absolute;
    bottom:0;
    right:0;
}

div.sub_con .txt_box{
    width:70%;
    float:right;
    min-width:400px;
     border-left:1px solid #ddd;
    padding-left:2%;
}
div.sub_con .txt_box p{
    text-align:justify;
    line-height:22px;
    font-size:16px;
    margin-bottom:20px;
    
    
}

@media screen and (max-width:1483px){
	 div.sub_con .txt_box{width:100%; margin-top:20px;}
}
@media (max-width: 1199px) and (min-width: 992px){
	div.sub_con .txt_box p br{display:none;}
}
/* tablet */
@media screen and (min-width:769px) and (max-width:991px){
    div.sub_con .txt_box{width:100%; margin-top:20px;}
    div.sub_con .txt_box p br{display:none;}
}

/* mobile */
@media screen and (max-width:768px){
    .sub_con h4 {
    	font-size:20px;
        text-align:center;
    }
    .sub_con h4 img {
    	display:none;
    }
    div.sub_con .greeting_img {
    	text-align:center;
        float:inherit;
        width:inherit;
        max-width:inherit;
        margin-bottom:30px;
    }
    div.sub_con .txt_box {
    	width:100%;
        float:inherit;
        border-left:none;
        min-width: 100%;
    }
    
    div.sub_con .txt_box p {
    	text-align:left;
    }
    div.sub_con .txt_box p br{display:none;}
    
}