@media screen and (max-width: 991px) {
	.sub p {

	    padding: 0px 35px;
	}
	
	img#imgRopeEnd1 {
	    max-height: 54px !important;
	    top: 54px;
	}
	img#imgRopeEnd2 {
	    max-height: 54px !important;
	    top: 81px;
	}
	.img-check img {
	    width: 185px;
	    height: unset;
	    border-radius: 15px;
	}
	img#imgRope {
		width: 325px !important;
		left: 70px;
	}
	.sub img#imgRope {
		top: 81px;
	}

	.guide.initial {
		width: 330px;
	}

	.sub p {
		text-align: center;
	}

}
@media screen and (max-width: 984px){
.eq {
    width: 49% !important;
    margin-bottom: 25px;
}
.img-check img {
    width: 185px;
    height: unset;
    border-radius: 15px;
    margin-top: 5px;
}
}
@media screen and (max-width: 767px) {
		.calculate-wf-custom-gabion-form-panel .sub img#imgRope {
			width: calc(100% - 25vw) !important;
			left: 85px;
		}
		img#imgRopeEnd1 {
			max-height: 79px !important;
			top: 40px;
		}
		img#imgRopeEnd2 {
			max-height: 79px !important;
			top: 81px;
		}
		.sub p {
			text-align: center;
		}
		.calculate-rope-section .step-block {
			position: relative;
		}
}

@media screen and (max-width: 600px) {
	.cost-box {
	    margin-bottom: 30px;
	}
	.guide.initial {
		width: 77%;
	}
	.calculate-wf-custom-gabion-form-panel .sub img#imgRope {
		width: 420px !important;
		width: calc(100% - 30vw) !important;
	}

	.calculate-rope-section .column {
		width: 100%;
	}
	
	.cost-holder input[type="submit"] {
		float: none;
	}

}
@media screen and (max-width: 565px) {

	.sub .visual-rope-holder {
    padding-bottom: 127px !important;
}
	.calculate-rope-section .step-block {
    position: relative;
    overflow: unset;
}
.calculate-rope-section .step-block .circle-box {
   position: absolute;
    width: 78px;
    overflow: hidden;
    margin-top: -39px;
    align-self: flex-end;
    margin-left: 0;
    top: 38px;
    left: -3px;
}
.calculate-rope-section .step-block .circle {
    width: 70px;
    height: 70px;
    border-radius: 50%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-top: 0px;
    background-color: #03ba48;
    color: #fff;
    font-size: 15px;
    margin-bottom: 0px;
}
.calculate-rope-section .step-block .circle p {
    margin-bottom: 0;
    margin-top: 0px;
}
.calculate-rope-section .step-block .num {
    font-size: 18px;
}
.calculate-rope-section .step-block .info-box {
    width: calc(100%);
    padding: 20px 10px;
    padding-left: 82px;
}
	img#imgRopeEnd1 {
	    max-height: 63px !important;
	    top: 48px;
	}
	img#imgRopeEnd2 {
	    max-height: 63px !important;
	    top: 81px;
	}
}
@media screen and (max-width: 510px) {
	.calculate-wf-custom-gabion-form-panel .sub img#imgRope {
	    width: calc(100% - 30vw) !important;
		left: 65px;
	}
	img#imgRopeEnd1 {
		max-height: 55px !important;
		top: 52px;
	}
	img#imgRopeEnd2 {
	    max-height: 55px !important;
	    top: 81px;
	}

	.guide.initial {

		width: 86%;
	}
}
@media screen and (max-width: 420px) {
	
	
	img#imgRope {
   width: 195px !important;
    left: 23%;
}
	
	
}
@media screen and (max-width: 400px) {
	img#imgRopeEnd1 {
		max-height: 40px !important;
		top: 60px;
	}
	img#imgRopeEnd2 {
	    max-height: 40px !important;
	    top: 81px;
	}
	.calculate-wf-custom-gabion-form-panel .sub img#imgRope {
	    width: calc(100% - 35vw) !important;
		left: 65px;
	}
	.sub p {
	    padding: 0px 35px;
	    font-size: 11px;
	}
	
}
@media screen and (max-width: 320px) {
	img#imgRopeEnd1 {
	    max-height: 40px !important;
    		top: 60px;
	}
	img#imgRopeEnd2 {
	    max-height: 40px !important;
	    top: 81px;
	}
	.calculate-wf-custom-gabion-form-panel .sub img#imgRope {
	    width: calc(100% - 35vw) !important;
		left: 50px;
	}
	
	.sub p {
	    padding: 0px 35px;
	    font-size: 11px;
	}
	
}