/*  HOME PAGE RESPONSIVE CSS */

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

}

@media only screen and (max-width:980px){

/* common css  */

h1 {font-size: 26px;}

h4 {font-size: 18px;}

p { font-size: 14px;}

.wh-lg-init {white-space: initial;}

/* header css */

.logo { width: 100px !important;}

.service-heading p {width: auto;}

.training-content {grid-template-columns: repeat(2,1fr);}

.copy-right p,.copy-right a{font-size: 12px;}

}


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

}


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

/* common css  */

.rsp-sm-ptb-40p{padding-top:40px;padding-bottom:40px;}

.p-sm-20p{padding:20px;}

/* HOME PAGE CSS */

.banner-theory h1{ font-size:18px !important;}

.training-content {grid-template-columns: repeat(1,1fr) !important;}

}

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

/* common css  */
.rsp-m-5p {margin: 5px;}

.rsp-mt-20p {margin-top: 20px;}

.rsp-mb-0p {margin-bottom: 0px;}

.rsp-mtb-20p{margin-top:20px;margin-bottom:20px;}

.rsp-mtb-20p40p{margin-top:20px;margin-bottom:40px;}

.rsp-mtb-40p{margin-top:40px;margin-bottom:40px;}

.rsp-md-p0 {padding: 0px;}

.rsp-ptb-20p{padding-top:20px;padding-bottom:20px;}

.rsp-ptb-25p{padding-top:25px;padding-bottom:25px;}

.rsp-ptb-30p{padding-top:30px;padding-bottom:30px;}

.wh-md-init {white-space: initial;}

/*----- button with border css -----*/

.button12 {padding: 10px 25px;}

/* header css */

.header-sec {background: #fff;}

.menu {margin-bottom:20px;}

.menu a {color: #05465f;}

.donate a {color:#fff;}

.donate span { padding: 0px 10px;}

/* HOME PAGE CSS */

.banner-sec {margin-top:78px;}

.banner-theory h1{ font-size:26px;}

.engineer-sec img,.get-in-block img,.about-tk-block img {height:45vh; object-fit: cover;}

.eng-block, .get-in {top: 24%;}

.eng-block h1 {font-size: 40px;}

.copy-right {text-align: center;}

.copy-right ul {justify-content: center;}

}


@media screen and (min-width:568px) and (max-width:700px){
	
	/* HOME PAGE CSS */
	
.eng-block, .get-in {top: 16%;}

}


@media screen and (min-width:768px) and (max-width:1023px){

/* common css  */

.rsp-lg-mtb-40p{margin-top:40px;margin-bottom:40px;}

.rsp-lg-mt-20p{margin-top:20px;}

.rsp-lg-mb-40p{margin-bottom:40px;}

.rsp-lg-d-block{display:block ;}/* for display inline */

/* header css */

.menu li {margin-left: 4px;}

.menu a {font-size: 11px;}

/* HOME PAGE CSS */

.banner-theory h1 {font-size: 33px;}

.hp .card .face.face1 {padding: 20px;}

.s-v-content img{ width: 60px;}

.s-v-content h3{font-size:17px;}

#hover-area:hover #hidden {
    height: 235px;
}


.eng-block, .get-in {top: 22%;}

.eng-block h1 {font-size: 60px;}

.benefit-content {padding:20px; }
	
.benefit-box img{width:100px;}

.benefit-box h5{font-size: 15px;}


}

@media screen and (min-width:1024px) and (max-width:1133px){   

.wh-xl-init {white-space: initial;}

.menu a {font-size: 13px;}

.s-v-content h3{font-size:20px;}

#hover-area:hover #hidden {
    height: 220px;
}

}



@media  screen and (min-width: 1920px) {
.container {
    max-width: 1440px;
}

}