.borderdc {
	border-left: 1px solid;
	position: relative;
	left: 78px;
	top: 115px;
	color: #00A5FF;
	height: 260px;
}
.dc_name{
    text-align: center;
    margin-left: -70px;
}
.ddlg_name {
	text-align: center;
	margin-left: -54px;
}
.dc_image{

    width: 42%;
    height: 35%;
    margin-left: 88px;
}

.ddlg_image{
    width: 42%;
    height: 35%; 
    margin-left: 96px;
}
 
 /* Extra small devices (phones, 600px and down) */
 @media only screen and (max-width: 600px) {
    .borderdc {
        display: none;
    }
    .dc_name{
        text-align: center;
        margin-left: 10px;
    }
    .ddlg_name{
        text-align: center;
        margin-left: 2px;
    }
    .ddlg_image {
        width: 42%;
        height: 35%;
        margin-left: 88px;
    }
    .dc_image {
        width: 42%;
        height: 35%;
        margin-left: 96px;
    }
}
 /* Small devices (portrait tablets and large phones, 600px and up) */
 @media only screen and (min-width: 600px) {

 }
 
 /* Medium devices (landscape tablets, 768px and up) */
 @media only screen and (min-width: 768px) {
    .dc_name {
        text-align: center;
        margin-left: 25px;
    }
    .ddlg_name {
        text-align: center;
        margin-left: 32px;
    }
    .borderdc {
        border-left: 1px solid;
        position: relative;
        left: 78px;
        top: 192px;
        color: #00A5FF;
        height: 260px;
    }
 }
 
 /* Large devices (laptops/desktops, 992px and up) */
 @media only screen and (min-width: 992px) {

 }
 
 /* Extra large devices (large laptops and desktops, 1200px and up) */
 @media only screen and (min-width: 1200px) {
    .borderdc {
        border-left: 1px solid;
        position: relative;
        left: 78px;
        top: 115px;
        color: #00A5FF;
        height: 260px;
    }
    .dc_name{
        text-align: center;
        margin-left: -70px;
    }
    .ddlg_name {
        text-align: center;
        margin-left: -54px;
    }
 }