/*=== Tab Css  ===*/
/*=== Tab Lanscap Css  ===*/
@media only screen and (min-width: 1550px){

	.bg-1 .title {
	    padding-bottom: 340px;
	}
	.bg-1 .moon-bg {
	  right: 495px;
	  top: 170px;
	}
	.reason-1-section .description {
	  margin-bottom: 325px;
	}
	.reason-1-section .slider-1 {
	  margin-bottom: 230px;
	}
	.reason-1-section .bg-2-1 {
	   bottom: 210px;
  	   left: 50%;
  	   margin-left: -185px;
  	   position: absolute;
	}
	.bg-2-1 img {
 	 width: 320px;	
        }
	.reason-2-section .cloude-1 {
	  left: -320px;
	}
	.reason-2-section .cloude-3 {
	  right: -330px;
	}
	/*.reason-2-section .font-size-sm {
	    font-size: 29px;
	}*/
	.reason-2-section .description {
		margin-bottom: 330px;
	}
	.reason-2-section .slider-2 {
	    margin-bottom: 285px;
	}
	.fire {
		right: -95px;
	}
	.reason-3-section .description {
		margin-bottom: 275px;
	}
	.reason-3-section .slider-3 {
	  margin-bottom: 220px;
	}
	.reason-4-section .description {
	  margin-bottom: 235px;
	}
	.reason-4-section .slider-4 {
	  margin-bottom: 420px;
	}

	.reason-5-section .description {
		margin-bottom: 170px;
	}
	.reason-5-section .slider-5 {
	  margin-bottom: 560px;
	}
	.reason-5-section .sun-image {
	  left: 430px;
	  top: 275px;
	}


	.bird-1 {
	  top: 525px;
	  left: 170px;
	}
	.bird-2 {
	  top: 244px;
	  left: 100px;
	}
	.bird-3 {
	  top: 370px;
	  right: 170px;
	}
	.bird-4 {
	  top: 490px;
	  right: 245px;
	}
	.moon-bird {
		position: absolute;
		top: 0;
		right: 460px;
	}
}
@media only screen and (max-width: 1100px){
	.bg-1 .title {
	  padding-bottom: 240px;
	  padding-top: 20px;
	}
	.bus img {
	    width: 100%;
	}
	.bus.bus-1 {
		bottom: 5px;
	}
	.bus.bus-2 {    
		bottom: -20px;
		right: -90px;
	}
	.bg-pain {
		right: -90px;
		top: 210px;
	}

	.bg-1 .moon-bg {
		position: absolute;
		right: 155px;
		top: 110px;
	}
	.reason-4-section .slider-4 {
		margin-bottom: 280px;
	}

	.reason-4-section .bg-5-1 {
	  left: -259px;
	}
	.bg-5-1 > img {
	  width: 96%;
	}
	.bus.bus-5 {
	  bottom: 90px;
	}
	.reason-5-section .description {
		margin-bottom: 50px;
		max-width: 785px;
	}
	.reason-5-section .slider-5 {
		margin-bottom: 200px;
	}
	.bus.bus-6 {
		bottom: 0px;
		right: -10px;
	}
	.reason-1-section .bg-2-1 {
		bottom: 220px;
		left: 50%;
		margin-left: -160px;
	}
	.moon-bird {
		right: 230px;
	}
	.bird-1 {
		left: 40px;
	}
	.bird-2 {
		left: 20px;
	}
	.bird-3 {
		right: 60px;
	}
	.bird-4 {
		right: 135px;
	}

	.description br{
	  display: none;
	}
	.five-reasons-start .description {
	    width: 100%;
	}
}

@media screen and (max-width: 992px) {
	body {
	    font-size: 0.65em;
	   	line-height: 1.2em;
	}
	p{
		line-height: 1.4em
	}
	.container {
		width: 600px;
	}

	h1.title {
	  font-size: 2.36em;
	}
	.bg-1 .moon-bg {
		right: 110px;
		top: 65px;
		width: 70px;
	}
	.bg-1 .moon-bg img{
		width: 100%;
	}
	.bg-1 .title {
	    padding-bottom: 190px;
	}
	.bus.bus-1 {
		left: 0;
		width: 70%;
		bottom: -10px;
	}
	.font-size-md {
	  font-size: 19px;
	  line-height: 25px;
	}
	.with-padding {
	    margin-bottom: 25px;
	}
	.location-icon > img {
	    width: 45px;
	}
	.font-size-sm {
	  font-size: 17px;
	  line-height: 24px;
	}

	.slider-3 .carousel-item p, .slider-4 .carousel-item p, .slider-5 .carousel-item p{
	  font-size: 17px;
	  line-height: 24px;
	}

	.reason-1-section .slider-1 {
		margin-bottom: 150px;
		min-height: 70px;
	}
	.reason-1-section .description {
		margin-bottom: 185px;
	}
	.bus.bus-2 {
		right: -75px;
		width: 70%;
	}
	.bg-bird {
	  left: -90px;
	  top: 100px;
	}
/*	.reason-1-section .bg-2-1 {
	  bottom: -34px;
	  left: -60px;
	}*/
	.bg-2-1.on-top > img {
	  width: 40%;
	}
	.reason-2-section .cloude img{
	    width: 60%;
	}
	.reason-2-section .cloude-2 {
	  right: -150px;
	  top: 35px;
	}
	.reason-2-section .cloude-3 {
	  right: -260px;
	  top: 225px;
	}
	.reason-2-section .cloude-1 {
	  left: -100px;
	  top: 100px;
	}
	.reason-2-section .description {
	  margin-bottom: 95px;
	}

	.bus.bus-3 {
		bottom: -20px;
		left: 0;
		width: 58%;
	}
	.reason-2-section .slider-2 {
		margin-bottom: 160px;
		min-height: 100px;
	}
	.fire {
		-webkit-transform: scale(0.75);
		transform: scale(0.75);
		bottom: -25px;
		right: -40px;
	}
	.reason-3-section .description {
		margin-bottom: 50px;
	}
	.reason-3-section .slider-3 {
		margin-bottom: 170px;
		min-height: 110px;
	}
	.bus.bus-4 {
		bottom: -23px;
		right: 40px;
		width: 70%;
	}
	.bg-pain {
		right: -120px;
		top: 130px;
	}
	.bg-pain img {
	  width: 70%;
	}
	.reason-4-section .description {
	  margin-bottom: 45px;
	}
	.reason-4-section .slider-4 {
	    margin-bottom: 180px;
	}
	.reason-4-section .bg-5-1 {
		bottom: 5px;
		left: 0px;
	}
	.bg-5-1 > img {
	  width: 91%;
	}
	.bus.bus-5 {
		bottom: 23px;
		left: 0;
		width: 60%;
	}
	.reason-5-section .description {
	  margin-bottom: 70px;
	}
	.reason-5-section .slider-5 {
		margin-bottom: 180px;
		min-height: 110px;
	}
	.bus.bus-6 {
		bottom: -20px;
		right: 0;
	}
	.sun-image > img {
	  width: 60%;
	}
	.reason-5-section .sun-image {
	  left: -50px;
	  top: 175px;
	}

	.reason-5-section .sun-image {
	  left: 40px;
	  top: 200px;
	}

	.reason-1-section .bg-2-1 {
		bottom: 140px;
		left: 50%;
		margin-left: -150px;
	}

	.moon-bird {
		right: 140px;
		transform: scale(0.75);
		-webkit-transform: scale(0.75);
		top: 45px;
	}
	.bird-1 {
		left: -15px;
	}
	.bird-2 {
		left: 10px;
	}
	.bird-3 {
		right: -19px;
	}
	.bird-4 {
		right: 15px;
	}
	.bg-6 .bird img{
		width: 75%;
	}

}

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

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

	.bg-3{
	  background-image: url('../images/bg-3-mobile.png');
	}
	.bg-4{
	  background-image: url('../images/bg-4-mobile.png');
	}
	.bg-5{
	  background-image: url('../images/bg-5-mobile.png');
	}
	.bg-6 {
	  background-image: url("../images/bg-6-mobile.png");
	}

	.bus {
		width: 60%;
	}
	.bg-1 .moon-bg {
		right: 50px;
	}
	.bus.bus-1 {
	  right: -285px;
	}
	.bus.bus-2 {
		right: 5px;
		width: 70%;
	}
	.bg-bird > img {
	  width: 55%;
	}
	.bg-bird {
	  left: -40px;
	  top: 70px;
	}
	.bus.bus-3 {
	  bottom: 2px;
	  right: -230px;
	}
	.bg-pain img {
	  width: 50%;
	}
	.bg-pain {
	  right: -110px;
	}
	.bus.bus-4 {
		bottom: -20px;
		right: 20px;
	}
	.reason-3-section .description {
		margin-bottom: 90px;
	}
	.reason-4-section .bg-5-1 {
	  bottom: -5px;
	  left: -250px;
	}
	.bg-5-1 > img {
	  width: 100%;
	}

	.bus.bus-6 > img {
	  width: 100%;
	}
	.reason-5-section .sun-image {
	  left: 5px;
	}
	.slider-1 {
	  min-height: 135px;
	}
	.slider-2 {
	  min-height: 180px;
	}
	.slider-3 {
	  min-height: 115px;
	}
	.slider-4 {
	  min-height: 110px;
	}
	.slider-5 {
	  min-height: 80px;
	}
	.reason-1-section .description {
	  margin-bottom: 155px;
	}
	.reason-2-section .slider-2 {
		margin-bottom: 160px;
		min-height: 80px;
	}
	.reason-1-section .bg-2-1 {
		bottom: 140px;
		left: 50%;
		margin-left: -152px;
	}

	.bird-2 {
		left: -40px;
	}
}


@media screen and (max-width: 480px) {
	.bg-1 .moon-bg {
		right: -36px;
	}
	.reason-3-section .description {
		margin-bottom: 40px;
	}
	.reason-3-section .slider-3 {
		margin-bottom: 120px;
	}
	.fire {
		bottom: -15px;
		right: -180px;
	}
	.container {
	  width: 85%;
	}
	.commen-section p br{
		display: none;
	}
	.reason-2-section .cloude-2 {
	  right: -190px;
	  top: 35px;
	}
	.bg-5-1 > img {
	  width: 113%;
	}
	/*.reason-4-section .bg-5-1 {
	  bottom: -4px;
	  left: -399px;
	}
	*/
	.reason-4-section .bg-5-1 {
	  bottom: 1px;
	  left: -354px;
	}
	.bus.bus-5 {
		bottom: 23px;
		left: 0;
		width: 70%;
	}
	.bus.bus-6 {
		width: 100%;
	}
	.bus.bus-6 > img {
	  width: 100%;
	}
	.bus.bus-3 {
	  bottom: 9px;
	  right: -242px;
	}
	.bg-6 .inner-background {
	  background-size: auto 57%;
	}

	.slider-1 {
	  min-height: 155px;
	}
	.slider-2 {
	  min-height: 210px;
	}
	.slider-3 {
	  min-height: 135px;
	}
	.slider-4 {
	  min-height: 140px;
	}
	.slider-5 {
	  min-height: 110px;
	}
	.reason-2-section .slider-2 {
	  margin-bottom: 160px;
	}
	.slider-2 {
	  min-height: 280px;
	}
	.reason-1-section .slider-1 {
		margin-bottom: 130px;
		min-height: 160px;
	}
	.reason-3-section .slider-3 {
		margin-bottom: 110px;
		min-height: 175px;
	}
	.reason-4-section .bg-5-1 {
		bottom: 20px;
		left: 0;
	}
	.reason-1-section .bg-2-1 {
		bottom: 200px;
		left: 50%;
		margin-left: -152px;
	}
	.reason-5-section .slider-5 {
		margin-bottom: 180px;
		min-height: 130px;
	}
}

@media screen and (max-width: 360px) {
	.container {
	  width: 90%;
	}
	.bg-1 .title {
	  padding-bottom: 140px;
	  padding-top: 0;
	}

	.bus img {
	  width: 100%;
	}
	.bg-bird > img {
	  width: 45%;
	}
	.bg-bird {
	  left: -21px;
	  top: 80px;
	}
	.font-size-sm {
	  font-size: 17px;
	  line-height: 20px;
	}
	.slider-3 .carousel-item p, .slider-4 .carousel-item p, .slider-5 .carousel-item p{
	  font-size: 17px;
	  line-height: 20px;
	}
	.bus-2{
		width: 100%;
	}
	.bus-2 img {
	  width: 100%;
	}
	.bus.bus-1 {
		width: 100%;
		bottom: -10px;
	}
	.bus.bus-2 {
		right: 5px;
		width: 100%;
	}
	.reason-3-section .slider-3 {
		margin-bottom: 130px;
	}
	.bus-3 img {
		width: 100%;
	}

	.bus.bus-3 {
		bottom: -1px;
		left: 0;
		width: 100%;
	}
	
	.reason-4-section .bg-5-1 {
		bottom: 27px;
		left: 0;
	}
	.bg-5-1 > img {
	  width: 128%;
	}
	
	.bg-6 .inner-background {
	  background-size: auto 55%;
	}
	.slider-1 {
	  min-height: 245px;
	}
	.slider-2 {
	  min-height: 290px;
	}
	.slider-3 {
	  min-height: 165px;
	}
	.slider-4 {
	  min-height: 160px;
	}
	.slider-5 {
	  min-height: 140px;
	}

	.reason-2-section .slider-2 {
	  margin-bottom: 180px;
	}
	.slider-2 {
	  min-height: 280px;
	}
	.bus.bus-4 {
		left: 0;
		width: 100%;
	}
	.bus.bus-4 img{
		width: 100%;
	}
	.reason-4-section .slider-4 {
		margin-bottom: 190px;
	}
	.bus.bus-5 {
		bottom: 23px;
		left: 0;
		width: 100%;
	}
	.bg-1 .moon-bg {
		right: -80px;
	}
	.bird-1 {
		left: -10px;
	}
	.bird-3 {
		right: -20px;
	}
	.bird-4 {
		right: 15px;
	}
	.slider-4 {
		min-height: 110px;
	}
	.reason-1-section .slider-1 {
		min-height: 130px;
	}
	.reason-2-section .slider-2 {
		min-height: 100px;
	}
	.reason-3-section .slider-3 {
		min-height: 180px;
	}
	.reason-5-section .slider-5 {
		min-height: 150px;
	}
}