@charset "utf-8";
.container {
  width: 1180px;
  max-width: 100%;
  margin: 0 auto;
  position: relative;
  padding: 0px 20px;
}
/*Website CSS*/
@media (max-width: 1140px) {
  .intro-container, .intro-text {
    max-width: 500px;
    width: 100%;
  }
	
	.cal-container{
		max-width: 700px;
    width: 100%;
	}	
}
@media (max-width: 768px) {
	
	.cal-container h4{
		font-size: 18px;
	}
	
	
  .intro-container {
    padding: 0px 40px;
  }
  .logo-tq {
    width: 80px;
    top: 20px;
    left: 25px;
  }
	
	
.btn-back {
    width: 30px;
	top: 25px;
	left: 25px;
}	
	
  .bg-desktop img.is-desktop {
    display: none;
  }
  .bg-desktop img.is-mob {
    display: block;
  }
  .bg-desktop {
    transform: scale3d(1.5, 1.5, 1.5) translate3d(-3%, -1%, 0);
  }
}

@media (max-width: 640px) {
.cal-container li {
	float: left;
	width: 50%;
	padding: 0px 3%;
	margin: 0 0 6% 0;
}
	
	.cal-container .single-list{
		height: 14vh;
	}
	
	.cal-container .single-list{
		padding: 0px 10px;
	}
	
	.cal-container ul {

    margin: 0px -2%;

}
	.cal-container li {


    padding: 0px 2%;


}
}