@media only screen and (max-width:1366px){
	.our-top-services ul.slick-dots {
	    bottom: 50px;
	}
	.our-top-services .button {
	    bottom: 50px;
	}
}

@media only screen and (max-width:1279px){
.our-top-services .center-wr {
    max-width: 522px;
    margin: 0 auto;
    max-height: 765px;
}
.our-top-services:before {
    top: 0 !important;
}
.our-top-services .slick-current > div .service-box{
	    height: 764.97px;
	    background-color: unset;
	    background-repeat: no-repeat;
	    background-size: 100%;
	   position: relative;
	   justify-content: start;
	   padding-top: 67px;
	   visibility: unset !important;
	}
	.our-top-services .slick-current + div.slick-slide div div.service-box {
            height: unset;
            background-color: unset;
            background-repeat: unset;
            background-size: unset;
            position: unset;
            top: unset;
            justify-content: start;
            padding: unset !important;
            width: unset !important;
            min-width: unset !important;
            z-index: unset;
        margin:0 !important;
    }
	.our-top-services .service-box {
	    opacity: 0;
	    transform: translateY(50px);
	}
	.our-top-services .all-access-pass {
	    bottom: 130px;
	}
	.our-top-services .slick-current >div .service-box img{
	    display: block !important;
	}
	.our-top-services .slick-current >div .service-box  h3{
	    margin: 15.79px 0 10px 0;
	}
}
@media only screen and (max-width:1024px){
	.vertical-slider button.custom-arrow {
	    right: 0 !important;
	    left: 0 !important;
	    margin: 0 auto;
	    bottom: -70px !important;
	}
	.vertical-slider button.slick-next.custom-arrow {
	    transform: translateX(-50px);
	}
	.vertical-slider button.slick-prev.custom-arrow{
		transform: translateX(50px);
	}
}
@media only screen and (max-width:649px){
	.vertical-slider .slide > p {
	    width: 100%;
	    margin-top: 12px;
	}	
}
@media only screen and (max-width:524px){
	.our-top-services:before {
	    height: 621px;
	    width: 94%;
	    background-size: contain;
	    background-repeat: no-repeat;
	    background-position: top center;
	}
	.our-top-services .center-wr {
	    width: 94%;
	}
	.our-top-services .center-wr {
	        max-height: 621px;
	    }
	.our-top-services .service-box{
		padding: 30px 20px 0 !important;
	}
	.our-top-services .slick-current >div .service-box h3 {
	        margin: 7.79px 0 0px 0;
	    }
	.our-top-services ul.slick-dots {
	    height: 60px;
	    width: 230px;
	}
	.our-top-services .button {
	    width: 60px;
	    height: 60px;
	}
	.our-top-services .button span {
	    margin: 7px 0 0 3px;
	}
	.our-top-services ul.slick-dots li button {
	    width: 18px;
	}
	.our-top-services ul.slick-dots li.slick-active button {
	    width: 35px;
	}
	.our-top-services .slick-current >div .service-box img {
		max-width: 300px;
	}
	.our-top-services .all-access-pass {
	    bottom: 255px;
	}
}
@media only screen and (max-width:487px){
	.vertical-slider .slide {
	    padding: 24px 67px 16px 25px;
	 }
	.vertical-slider .slide .title {
	    margin-top: 0;
	}
}
@media only screen and (max-width:479px){
	.service-box svg {
	    width: 40px !important;
	}
	.our-top-services .slick-current >div .service-box h3{
		margin-top: 0 !important;
	}
	.our-top-services .slick-current >div .service-box {
	    height: 753px !important;
	}
	.our-top-services .service-box {
	    padding: 10px 10px 0 !important;
	}
	.our-top-services .service-box p {
	    font-size: 16px;
	    line-height: 22px;
	}
	.our-top-services .all-access-pass {
	    bottom: 305px;
	}
	.our-top-services .button span {
	    margin: 7px 0 0 6px;
	}
	.our-top-services .center-wr ,.our-top-services:before{
	    max-height: 576px;
	}
	.our-top-services  .button svg {
	    width: 75%;
	}
	.our-top-services .service-box h3 {
	    font-size: 20px !important;
	    line-height: 20px !important;
	    margin-bottom: 5px !important;
	}
	.our-top-services ul.slick-dots {
	    height: 50px !important;
	    width: 220px !important;
	}
	.our-top-services .button {
	    width: 50px !important;
	    height: 50px !important;
	    margin-left: -50px !important;
	}
}
@media only screen  and (max-width:413px){
	.vertical-slider .slide p {
	    font-size: 16px;
	    line-height: 26px;
	}
	.vertical-slider .slide .title h4 {
	    font-size: 18px;
	    line-height: 24px;
	    margin-top: 5px;
	}
	.service-box svg {
	    height: 50px !important;
	}
	.our-top-services .service-box h3 {
	    font-size: 18px !important;
	    line-height: 18px !important;
	}
	.our-top-services .service-box p {
	    font-size: 15px;
	 }
	 .our-top-services .slick-current >div .service-box {
	     height: 743px !important;
	 }
	 .our-top-services .slick-current >div .service-box img {
	     max-width: 270px;
	 }
	 .our-top-services .center-wr, .our-top-services:before {
	     max-height: 495px;
	 }
	 .our-top-services .all-access-pass {
	     bottom: 345px;
	}
	.our-top-services .service-box {
	    padding: 20px 10px 0 !important;
	}
}
@media only screen and (max-width:389px){
	.vertical-slider .slide {
	    padding: 24px 38px 16px 25px;
	 }
	 .vertical-slider button.custom-arrow {
	     width: 52px;
	     height: 52px;
	 }
	.our-top-services .center-wr, .our-top-services:before {
	    max-height: 475px;
	}
	.our-top-services .button {
        width: 40px !important;
        height: 40px !important;
        margin-left: -40px !important;
    }
    .our-top-services ul.slick-dots {
        height: 40px !important;
        width: 210px !important;
    }
    .our-top-services .all-access-pass {
        bottom: 338px;
    }
    .our-top-services .button span {
        margin: 8px 0 0 5px;
        width: 15px !important;
    }
}
@media only screen and (max-width:374px){
	.our-top-services .slick-current >div .service-box img {
	    max-width: 210px;
	}
	.our-top-services .service-box h3 {
	    font-size: 14px !important;
	    line-height: 14px !important;
	}
	.our-top-services .service-box p {
	    font-size: 13px;
	    line-height: 17px;
	}
	.our-top-services .service-box {
	    padding: 20px 10px 0 !important;
	}
	.our-top-services ul.slick-dots {
	    height: 40px !important;
	    width: 160px !important;
	}
	.our-top-services ul.slick-dots li button {
	    width: 10px;
	}
	.our-top-services ul.slick-dots li.slick-active button {
	    width: 25px;
	}
	.our-top-services .button {
	    width: 40px !important;
	    height: 40px !important;
	    margin-left: -40px !important;
	}
	.our-top-services .all-access-pass {
	    bottom: 414px;
	}
	.our-top-services .center-wr, .our-top-services:before {
	    max-height: 400px;
	}
	.our-top-services .button svg {
	    width: 55% !important;
	}
	.our-top-services .button span {
/*	    width: 35%;*/
		margin: 7px 0 0 9px;
	}
}
@media (min-width:354px) and (max-width:374px){
	.our-top-services .service-box p {
	    padding: 0 10px;
	}
}