/* ------------------------------------------------------------------------------
 *  Designed by Dreamscape Media Pvt. Ltd.
 *  ------------------------------------------------------------------------------
 *  Email: support@dreamscape.co.in
 *  Work: UI Designer and Front-end Developer @ Dreamscape Media - http://dreamscape.co.in
 *  Latest update: Dec 11, 2023
 * ---------------------------------------------------------------------------- */

@media (max-width: 5000px) { 

}

@media (max-width: 1920px) {

}

@media (max-width: 1700px) {

}

@media (max-width: 1600px) {
	
}

@media (max-width: 1500px){

}

@media (max-width: 1440px){

}

@media (max-width: 1366px){

} 

@media (max-width: 1024px) {
	h2 {font-size: 40px;line-height: 50px;}
	.cta-01 h3, .cta-03 h3 {font-size: 40px;line-height: 50px;}
	.cs-header {margin-bottom: 0px;padding-top: 125px;}
	.header-img .head-txt{padding: 50px 30% 30px 30px;}
	.leading {font-size: 18px;line-height: 28px;font-weight: 600;}
	.cta-03-left {padding: 60px 0px;}
	.cta-03-right {padding: 70px 30px 60px 30px; height: 100%;}
	p.lead {font-size: 18px;line-height: 26px;}
}

@media (max-width: 768px) {
	.hide-on-tab{display: none;}
	.container, .container-md, .container-sm {max-width: 94%;}

	/**********  clients  **********/
    .clients-block ul li{width: calc(33.333% - 30px);}
    .krubber-man{background-image: none;}
}

@media (max-width: 600px) {
	h2{font-size: 32px; line-height: 42px;}
	h3{font-size: 24px; line-height: 34px;}
	header h1{font-size: 38px; line-height: 48px;}
	section{padding: 60px 0;}
	.container{padding: 0 15px;}
	.navbar {background: #fff !important;}
	.overlay-menu{display: block;}
	.nav-pills .nav-link {font-size: 14px;}

	/**********  clients  **********/
    .clients-block ul li{width: calc(50% - 30px);}
    .clients img {height: 30px;}

	/* -------------------------- HEADER ------------------------- */
	header {padding: 130px 0 60px 0;}
	.header-01,.header-02,.header-03,.header-04{background-size: 40%;}
	.header-img {margin-top: 10px;}
	.cs-header {margin-bottom: 50px;}
	header {height: auto;}
	header{background:url(../images/krubber-mascot.svg) top 90px right 30px no-repeat #ebf4fa; background-size: 50px;}
	.tab-content {padding: 40px 20px;}


	/* --------------------------- HERO --------------------------- */
	.hero{margin-top: 80px;}
	.hero h1 {display: block;line-height: 0px;margin-bottom: 0}
	.hero h1 span:first-child{font-size: 45px;line-height: 45px;}
	.hero h1 span:first-child b{font-size: 65px;line-height: 45px;}
	.hero h1 span:last-child{font-size: 118px;padding: 0;}
	.highlight-txt{font-size: 20px; line-height: 34px;width: 100%; padding-top: 10px;}
	.bigger {font-size: 24px;line-height: 34px; margin-bottom: 0 !important;}

	.statics{padding: 20px; margin-top: 50px; font-size: 34px; line-height: 54px; color: #9DB1C9; text-align: center;}
	header .col-md-4{margin-top: 30px;}

	footer{}
	.footer-bottom-row{text-align: center !important; padding: 20px 0;}
	.footer-bottom-row .text-end{text-align: center !important; margin-top: 15px;}
}

@media (max-width: 480px) {
    
}

@media (max-width: 320px) {
       
}