.cls_template_2.clsprojimgcol {
    width: 700px;
}
.cls_template_1 .clsprojtexts{
    padding-left: 40px;
}
.projvideo {
    width: 100%;
    height: auto;
    display: block;
}
.pausebtn {height: 60px; line-height: 60px; padding: 0 42px; background-color: var(--bgcolor2); color: #58595B; font-size: 18px; font-weight: 500; display: inline-block; border-radius: 30px; -moz-border-radius: 30px; -webkit-border-radius: 30px;}
.pausebtn span {display: block; background:url(../images/pause.svg); background-repeat: no-repeat; padding-right: 18px; background-position: 100% 50%;}
.pausebtn:hover {background-color: var(--color-orange);}
.pausebtn:hover span {color: var(--color-white); filter: brightness(12);}
.clsprojvideo .pausebtn {position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%);}
.clsprojebox .cprojectinner .imgbox img{
    height: 426px;
}
.clsbacktotop{
    top: 40px;
}
#clsmainmenu .clsmenuitem a{
    color: #ffffff;
}
#clsmainmenu .clsmenuitem a:hover{
    color: #F37021;
}
@media only screen and (max-width: 767px) {
    .clsprojdetails2 .clsprojimgcol .clsprojimg{
        margin-bottom: 0px;
        margin-top: 20px;
    }
    .cls_template_2.clsprojimgcol{
        width: 100%;
    }
    .clsaboutcards.clsrow10,.clsrow40.clsdesktopmedia{display: none !important;}
    .clsprojectssect .clsrow40, .clsprojdetails1 .clsrow10, .clsprojdetails2 .clsprojimgcol .clsprojimg:last-child {
        display: block;
    }
    .cls_template_1{
        flex-direction: column;
    }
    .cls_template_1 .clsprojtexts{
        padding-left: 0;
    }
    .cls_description_2{
        flex-direction: column-reverse;
    }
    .pausebtn {height: 30px; line-height: 30px; padding: 0 20px; font-size: 12px;}
	.pausebtn span {background-size: 6px auto; padding-right: 11px;}
}