/* Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) { 
	body{
		/* background-color: red; */
	}
	.section-2 {
		padding-top: 10px;
		
	}
	.carousel .carousel-item {
	  height: 25vh;
	  transform: translateY(-0%);
	}
	.carousel-item img {
    	position: absolute;
	    object-fit:cover;
	    top: 0;
	    left: 0;
	    min-height:25vh;
	}
	.title {
		font-size: 7vw;
		
		line-height: 40px;
	 
	}
	.sub-title {
		font-size: 4vw;
		margin: 25px 20px;
		word-wrap: break-word;
	}

	.list-unstyled {
		font-size: 3vh;
	}

	.footer-logo {
		height:auto;
	    width:20vh;
	    margin: 0 0 0 -19vh;
	    position:absolute;
	    bottom:0;

	   
	}

	/* Screen 1 */

	.screen1-r2 {
	  height: auto;
	}
	.screen1-title {
	  font-size: 8vw;
	}
	.screen1-subtitle {
	  font-size: 2.5vh;
	  line-height: 1.3; 
	  padding: 0 5vw 1vh 5vw;
	}
	.screen1-divider {
		margin: 60px 0;
	}

	/* Screen 2 */
	
	.shrink-text-1 {
		font-size: 15px;
    	font-size: 3.5vw;
    	overflow-wrap: break-word;
	}
	.shrink-text-2 {
		font-size: 15px;
    	font-size: 3.5vw;
    	overflow-wrap: break-word;
	}
	.shrink-text-3 {
		font-size: 15px;
    	font-size: 2.8vw;
    	overflow-wrap: break-word;
	}
	.screen2-footer-left {
	    height:auto; 
	    margin-bottom: 0;
	    width:38vw;
	    padding-top: 8vw;
	    padding-left: 5vw;
	 }
	.screen2-footer-img {
	    height: 7vw;
	}
	.screen2-footer-logo {
	    height:auto; 
	    margin-bottom: 0;
	    width:38vw;
	    padding-top: 9vw;
  	}


	/* Screen 3 */

	.screen3-r2 {
	  
	  height: 69vh;
	}
	.screen3-title {
	  font-size: 6vh;
	
	  
	}
	.screen3-subtitle {
	  font-size: 2.8vh;
	}
	.divider {
		margin: 60px 0;
	}

	/* Screen 4 */
	.screen4-r2 {
		height: auto;

	}
	.screen4-title {
		font-size: 5vw;
		 margin: 0 10vw 4vh 10vw;
	}
	.screen4-subtitle {
	  font-size: 4vw;
	  color: #fff;
	  padding: 0 6vw;
	}

	.screen4-sm-subtitle {
	  padding: 0 7vw;
	  margin-bottom: 0;
	}
	.screen4-footer-img {
	  height:auto; 
	  width:30vw;
	  padding-top: 9vw;
	}
	.screen4-footer-logo {
	  height:auto; 
	  width:30vw;
	  padding-top: 9vw;
	}
	hr {
	  border-top: 2px solid #fff;
	  margin: 2vw 3vw;
	}


}



/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) and (max-width: 767.98px)  {
	body {
		/* background-color: blue; */
	}
	.section-2 {
		padding-top: 10px;
	}
	.carousel .carousel-item {
	  height: 30vh;
	  transform: translateY(-0%);
	}
	.carousel-item img {
    	position: absolute;
	    object-fit:cover;
	    top: 0;
	    left: 0;
	    min-height:30vh;
	}
	.title {
		font-size: 8vw;
		margin: 30px 20px 20px 10px;
		line-height: 40px;
	 
	}
	.sub-title {
		font-size: 3vh;
		margin: 10px 20px 30px 20px;
		word-wrap: break-word;
	}

	.sub-img {
		width: 30vw;
	}

	.list-unstyled {
		font-size: 3vh;
	}

	.divider {
		padding: 20px 0;
	}

	.footer-logo {
		height:auto;
	    width:20vh;
	    margin: 0 0 0 -19vh;
	    position:absolute;
	    bottom:0;

	   
	}

	/* Screen 1 */

	.screen1-r2 {
	  height: auto;
	}
	.screen1-title {
	  font-size: 8vw;
	}
	.screen1-subtitle {
	  font-size: 2.5vh;
	  line-height: 1.3; 
	  padding: 0 5vw 1vh 5vw;
	}
	.screen1-divider {
		margin: 15vh 0;
	}
	
	/* Screen 2 */
	
	.shrink-text-1 {
		font-size: 15px;
    	font-size: 3.5vw;
    	overflow-wrap: break-word;
	}
	.shrink-text-2 {
		font-size: 15px;
    	font-size: 3.5vw;
    	overflow-wrap: break-word;
	}
	.shrink-text-3 {
		font-size: 15px;
    	font-size: 2.5vw;
    	overflow-wrap: break-word;
	}

	/* Screen 3 */
	.screen3-r2 {
	  height: 67vh;
	}
	.screen3-title {
	  font-size: 9vw;
	  margin: 0 9vw 0 9vw;
	}
	.screen3-subtitle {
	  padding: 5vw 9vw;
	  font-size: 3.5vw;
	}

	/* Screen 4 */
	.screen4-r2 {
		height: 67vh;
	}
	.screen4-sm-subtitle {
	  margin-bottom: 0;
	}
	.screen4-footer-img {
	  height:auto; 
	  width:30vw;
	  padding-top: 9vw;
	}
	.screen4-footer-logo {
	  height:auto; 
	  width:30vw;
	  padding-top: 9vw;
	}
	hr {
	  border-top: 2px solid #fff;
	  margin: 2vw 3vw;
	}

}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991.98px)  {
	body {
		/* background-color: yellow; */
	}
	.section-2 {
		padding-top: 10px;
	}
	.carousel .carousel-item {
	  height: 30vh;
	  transform: translateY(-0%);
	}
	.carousel-item img {
    	position: absolute;
	    object-fit:cover;
	    top: 0;
	    left: 0;
	    min-height: 30vh;
	}

	 .title {
		font-size: 7vw;
		margin: 30px 20px 30px 10px;
		line-height: 40px;
	 
	}
	.sub-title {
		font-size: 3vh;
		margin: 10px 20px 30px 20px;
		word-wrap: break-word;
	}

	.sub-img {
		width: 40vh;
		padding-top: 10px;
	}

	.list-unstyled {
		font-size: 3vh;
	}

	.footer-logo {
		height:auto;
	    width:20vh;
	    margin: 0 0 0 -19vh;
	    position:absolute;
	    bottom:0;

	   
	}

	/* Screen 1 */

	.screen1-r2 {
	  
	  height: auto;
	}

	.screen1-subtitle {
	  font-size: 3vh;
	  line-height: 1.3; 
	  padding: 0 5vw 5vh 5vw;
	}
	.screen1-divider {
		margin: 10vh 0;
	}

	/* Screen 2 */	
	.shrink-text-1 {
		font-size: 15px;
    	font-size: 3.5vw;
    	overflow-wrap: break-word;
	}
	.shrink-text-2 {
		font-size: 15px;
    	font-size: 3.5vw;
    	overflow-wrap: break-word;
	}
	.shrink-text-3 {
		font-size: 15px;
    	font-size: 2.5vw;
    	overflow-wrap: break-word;
	}

	/* Screen 3 */

	.screen3-r2 {
	  height: 67vh;
	}
	.screen3-title {
	  font-size: 9vw;
	  margin: 0 9vw 0 9vw;
	}
	.screen3-subtitle {
		font-size: 3vw;
	  padding: 5vw 9vw;
	}
	.divider {
		padding: 20px 0;
	}

	/* Screen 4 */
	.screen4-r2 {
		height: 67vh;
	}
	.screen4-title {
	  font-size: 5vw;
	}

	.screen4-subtitle {
	  font-size: 2.7vw;
	}

	.screen4-price {
	  font-size: 2.7vw;
	}
	.screen4-sm-subtitle {
	  margin-bottom: 0;
	}

	.screen4-footer-img {
	  height:auto; 
	  width:30vw;
	  padding-top: 9vw;
	}
	.screen4-footer-logo {
	  height:auto; 
	  width:30vw;
	  padding-top: 9vw;
	}
	hr {
	  border-top: 2px solid #fff;
	  margin: 2vw 3vw;
	}

}



/* Iphone 5 */
@media screen and (device-aspect-ratio: 40 / 71) {
     body {
       /* background-color: purple; */
    }
   
    .title {
		font-size: 7vw;
		margin: 0px 20px 10px 10px;
		line-height: 40px;
	 
	}
	.sub-title {
		font-size: 2.8vh;
		margin: 10px 0 10px 0;
		word-wrap: break-word;
	}

	.list-unstyled {
		font-size: 3vh;
	}

	.footer-logo {
		height:auto;
	    width:20vh;
	    margin: 20px 0px 5px 0;
	  
	}

	/* Screen 2 */
	
	.shrink-text-1 {
		font-size: 15px;
    	font-size: 3.5vw;
    	overflow-wrap: break-word;
	}
	.shrink-text-2 {
		font-size: 15px;
    	font-size: 3.5vw;
    	overflow-wrap: break-word;
	}
	.shrink-text-3 {
		font-size: 15px;
    	font-size: 2.5vw;
    	overflow-wrap: break-word;
	}

	/* Screen 3 */

	.screen3-r2 {
	  height: auto;
	}
	.screen3-title {
	  font-size: 6vh;
	  padding-bottom: 2vh;
	}
	.screen3-subtitle {
	  font-size: 3vh;
	  margin-bottom: 20px
	}
	.divider {
		margin: 60px 0;
	}

	/* Screen 4 */
	.screen4-r2 {
		height: 68vh;
	}
	.screen4-title {
		font-size: 5vw;
		 margin: 0 10vw 4vh 10vw;
	}
	.screen4-subtitle {
	  font-size: 4vw;
	  color: #fff;
	  padding: 0 6vw;
	}

	.screen4-sm-subtitle {
	  padding: 0 7vw;
	  margin-bottom: 0;
	}
	.screen4-footer-img {
	  height:auto; 
	  width:30vw;
	  padding-top: 5vw;
	
	}
	.screen4-footer-logo {
	  height:auto; 
	  width:30vw;
	  padding-top: 5vw;
	}
	hr {
	  border-top: 2px solid #fff;
	  margin: 2vw 3vw;
	}

}

@media (min-height: 1890px) and (max-height: 1920px) and (min-width: 993px) and (max-width: 1080px){

	body {
       /* background-color: orange; */
    }
    .section-2 {
		padding-top: 10px;
		height: 55vh;
	}
	.carousel .carousel-item {
	  height: 30vh;
	  transform: translateY(-0%);
	}
	.carousel-item img {
    	position: absolute;
	    object-fit:cover;
	    top: 0;
	    left: 0;
	    min-height:30vh;
	}
	.title {
		font-size: 8vw;
		margin: 30px 20px 20px 10px;
		line-height: 40px;
	 
	}
	.sub-title {
		font-size: 3vh;
		margin: 10px 20px 30px 20px;
		word-wrap: break-word;
	}

	.sub-img {
		width: 25vw;
	}

	.list-unstyled {
		font-size: 3vh;
	}

	.divider {
		padding: 20px 0;
	}

	.footer-logo {
		height:auto;
	    width:20vh;
	    margin: 0 0 0 -19vh;
	    position:absolute;
	    bottom:0;

	   
	}

	/* Screen 1 */

	.screen1-r2 {
	  height: 68vh;
	}
	.screen1-title {
	  font-size: 8vw;
	}
	.screen1-subtitle {
	  font-size: 2.5vh;
	  line-height: 1.3; 
	  padding: 0 5vw 1vh 5vw;
	}
	.screen1-divider {
		margin: 15vh 0;
	}
	
	/* Screen 2 */
	
	.shrink-text-1 {
		font-size: 15px;
    	font-size: 3.5vw;
    	overflow-wrap: break-word;
	}
	.shrink-text-2 {
		font-size: 15px;
    	font-size: 3.5vw;
    	overflow-wrap: break-word;
	}
	
	.screen2-footer-left {
	  height:auto; 
	  margin-bottom: 0;
	  width:38vw;
	  padding-top: 8vw;
	  padding-left: 5vw;
	}
	.screen2-footer-li {
		margin: 0;
	}
	.screen2-footer-img {
		height: 7vw;
	}
	.screen2-footer-logo {
	  height:auto; 
	  margin-bottom: 0;
	  width:35vw;
	  

	}

	/* Screen 3 */
	.screen3-r2 {
	  height: 67vh;
	}
	.screen3-title {
	  font-size: 10vw;
	  padding-top: 5vw;
	  margin: 0 13vw;
	}
	.screen3-subtitle {
	  padding: 0 9vw;
	  margin: 0;
	  font-size: 3.5vw;
	}

	/* Screen 4 */
	.screen4-r2 {
	  height: 68vh;
	}

	.screen4-subtitle {
		font-size: 3.5vw;
	}

	.screen4-sm-subtitle {
	  margin-bottom: 0;
	}
	.screen4-price {
	  font-size: 3.5vw;

	}

	.screen4-footer-img {
	  height:auto; 
	  margin-bottom: 0;
	  width:38vw;
	  padding-top: 8vw;
	}

	.screen4-footer-logo {
	  height:auto; 
	  margin-bottom: 0;
	  width:38vw;
	  padding-top: 8vw;

	}
	hr {
	  border-top: 2px solid #fff;
	  margin: 2vw 3vw;
	}

	/* Screen 8 */
	.screen8-r1 {
	  height: 12vh;
	}
	.screen8-r2 {
	  height: 86vh;
	}
	.screen8-footer-logo {
		height:auto;
	    width:20vh;
	    margin: 0 0 0 -20vh;
	    position:absolute;
	    bottom:0;
	}

}