/* :: Section Title */






/* :: Section Title Style 2 */

.sec-title.style-2 h2:before {
    content: '';
  /*  background-color: #fc653c; old red color*/
  background-color: #ffa800;
    position: absolute;
    height: 2px;
    width:1500px;
    top: 50%;
   
    right: calc(110%);
}






.sec-title h2{
    font-size: 17px;
    font-weight: 700;
    display: inline-block;
    margin-bottom: 22px;
    font-family: 'Roboto', sans-serif;
    color: #0092FF;
    text-transform: capitalize;
    position: relative;
}

.sec-title.home-4 h2:after{
    content: '';
    background-color: #fc7550;
    position: absolute;
    height: 2px;
    width: 9px;
    bottom: 10px;
     left: calc(110%);
}


/* :: ---------- All CSS Home 3 ---------- */

/* :: Sec Title */

@media only screen and (max-width: 1199px) {
.sec-title.home-4 h2:after{
    content: '';
    background-color: green;
    position: absolute;
    height: 2px;
    width: 000px;
    bottom: -6px;
     left: calc(110%);
}
}

@media only screen and (max-width: 1399px) {
.sec-title.home-4 h2:after{
    content: '';
    background-color: yellow;
    position: absolute;
    height: 2px;
    width: 000px;
    bottom: -6px;
     left: calc(110%);
}
}


@media only screen and (max-width: 991px) {
.sec-title.home-4 h2:after{
    content: '';
    background-color: purple;
    position: absolute;
    height: 2px;
    width: 000px;
    bottom: -6px;
     left: calc(110%);
}
}


@media only screen and (max-width: 767px) {
.sec-title.home-4 h2:after{
    content: '';
    background-color:black;
    position: absolute;
    height: 40px;
    width: 5px;
    bottom: -8px;
     left: calc(110%);
}
}