/*--------------------------
Responsive css start
---------------------------*/
@media only screen and (max-width: 1200px) {
}
@media only screen and (max-width: 1140px) {
}
@media only screen and (max-width: 1024px) {
}
@media only screen and (max-width: 992px) {
    .utdh-ver-timeline-template-1 .utdh-title a{
        font-size: 26px;
    }
}
@media only screen and (max-width: 768px) {
    /*vertical timeline template-1 start*/
    .utdh-ver-timeline-template-1 .utdh-layout-vertical-section{
        padding-left:30px;
    }
    .utdh-ver-timeline-template-1 .utdh-timeline-line{
        left:3px;
    }
    .utdh-ver-timeline-template-1 .utdh-timeline-item ,
    .utdh-ver-timeline-template-1 .utdh-timeline-item:nth-of-type(2n){
        width:100%;
        float:none;
        clear: both;
        margin-top: 33px;
    }
    .utdh-ver-timeline-template-1 .utdh-timeline-circle {
        left:3px;
    }
    .utdh-ver-timeline-template-1 .utdh-all-contain-here:before{
        right: auto;
        left: -10px;
        border: 0;
        border-left: 1px solid #eee;
        border-bottom: 1px solid #eee;
    }
    /*vertical timeline template-1 end*/
@media only screen and (max-width: 640px) {
    .utdh-ver-timeline-template-1 .utdh-title a{
        font-size: 22px;
    }
}
@media only screen and (max-width: 480px) {

}