/* ctk  instruction page css */
.ctk-instruction .mid { max-width: 2240px; }
/* help page Banner */
.ctk-instruction .banner { position: relative; background-size: cover !important }
.ctk-instruction .banner .bannertext { padding: 200px 0; width: 100%; text-align: center; }
.ctk-instruction .banner h1 { color: #fffffe; font-size: 120px; margin-bottom: 30px; font-family: 'Roboto', sans-serif; font-weight: 700; text-transform: uppercase; line-height: 130px; }
.ctk-instruction .ctk-content .heading { margin-bottom: 115px; float: left; width: 100%; }
.ctk-instruction .ctk-content { float: left; width: 100%; margin: 80px 0; }
.ctk-instruction .ctk-content h2 { color: #282828; font-size: 90px; font-family: 'Roboto', sans-serif; font-weight: 300; text-align: center; margin-bottom: 90px; text-transform: uppercase; }
.ctk-instruction .ctk-content ul { list-style: none; list-style-type: none; }
.ctk-instruction .ctk-content li { float: left; width: 25%; padding: 0 50px; margin-bottom: 50px; }
.ctk-instruction .ctk-content li img { max-width: 100%; height: auto; }
.ctk-instruction .ctk-content li h3 { margin-top: 25px; font-size: 30px; text-transform: uppercase; font-family: 'Roboto', sans-serif; font-weight: 700; text-align: center; }
.ctk-instruction .ctk-content li h3 span { display: block; padding: 3px 0; font-size: 19px; font-family: 'Roboto', sans-serif; font-weight: 300; text-transform: capitalize; }
.ctk-instruction .ctk-content li .videothumb { position: relative; }
.ctk-instruction .ctk-content li a.quickvideo { position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: block; z-index: 1; background: url(../images/play-ico.png) center center no-repeat; background-size: 86px; background-color: rgba(55, 94, 162, 0.9); }
.ctk-instruction .ctk-content li a.quickvideo:hover { background: url(../images/play-ico-hover.png) center center no-repeat; background-size: 86px; background-color: rgba(55, 94, 162, 0.9); }
.ctk-instruction .clear-none { display: none; }

/* ctk  instruction pageresponsive */

 
@media only screen and (max-width: 2000px) {
.ctk-instruction .banner h1 { font-size: 82px; line-height: 90px; margin-bottom: 0; }
.ctk-instruction .banner .bannertext { padding: 150px 0; }
.ctk-instruction .mid { max-width: 1545px; }
.ctk-instruction .ctk-content li { padding: 0 30px; margin-bottom: 30px; }
.ctk-instruction .ctk-content h2 { font-size: 62px; line-height: 62px; }
.ctk-instruction .ctk-content li a.quickvideo { background-size: 65px !important; }
.ctk-instruction .ctk-content li h3 { font-size: 22px; }
}

@media only screen and (max-width: 1600px) {
.ctk-instruction .banner h1 { font-size: 60px; line-height: 65px; }
.ctk-instruction .mid { max-width: 1245px; }
.ctk-instruction .ctk-content li { padding: 0 25px; margin-bottom: 25px; }
.ctk-instruction .ctk-content h2 { font-size: 45px; line-height: 45px; }
.ctk-instruction .ctk-content li a.quickvideo { background-size: 60px !important; }
.ctk-instruction .ctk-content li h3 { font-size: 20px; margin-top: 15px; }
.ctk-instruction .ctk-content li h3 span { font-size: 16px; }
}

@media only screen and (max-width: 1024px) {
.ctk-instruction .clear-none { display: block; clear: both; width: 100%; }
.ctk-instruction .ctk-content li { width: 50%; }
}

@media only screen and (max-width: 1023px) {
.ctk-instruction .banner h1 { font-size: 45px; line-height: 45px; }
.ctk-instruction .ctk-content h2 { font-size: 40px; line-height: 40px; margin-bottom: 50px; }
.ctk-instruction .ctk-content { margin: 50px 0; }
}

@media only screen and (max-width: 767px) {
.ctk-instruction .banner .bannertext { padding: 50px 0; }
.ctk-instruction .ctk-content h2 { font-size: 30px; line-height: 30px; margin-bottom: 30px; }
.ctk-instruction .banner h1 { font-size: 30px; line-height: 35px; margin-bottom: 10px; }
.ctk-instruction .banner .bannertext { padding: 120px 0 100px; }

}

@media only screen and (max-width: 639px) {
	.ctk-instruction .ctk-content li { width: 100%; }
}
@media only screen and (max-width: 479px) {
	.ctk-instruction .banner .bannertext { padding: 80px 0 60px; }
	.ctk-instruction .ctk-content li { padding: 0; }
	
}