/* Portrait Mode */ 

@media only screen and (min-width:0px) and (max-width:320px){

    .Modern-Slider .text-content-1 {
        text-align: center;
        width: 80%;
        position: absolute;
        top: 60%;
        left: 50%;
        transform: translate(-50%, -25%);
        
    }
    .Modern-Slider .text-content-2 {
        text-align: center;
        width: 80%;
        position: absolute;
        top: 60%;
        left: 50%;
        transform: translate(-50%, -25%);
    }
    .Modern-Slider .text-content-3 {
        text-align: center;
  	    width: 80%;
  	    position: absolute;
  	    top: 60%;
  	    left: 50%;
  	    transform: translate(-50%, -30%);
    }

    .Modern-Slider .text-content-4 {
        text-align: center;
  	    width: 80%;
  	    position: absolute;
  	    top: 60%;
  	    left: 50%;
  	    transform: translate(-50%, -30%);   
    }
    
    
    .Modern-Slider .item p {
		max-width: 100%;
		line-height: 20px;
		margin-bottom: 30px;
		font-size:10px;
	}
    .Modern-Slider .item a {

		font-size:10px;
	}

}


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

    .Modern-Slider .text-content-1 {
        text-align: center;
        width: 80%;
        position: absolute;
        top: 60%;
        left: 50%;
        transform: translate(-50%, -35%);
        
    }
    .Modern-Slider .text-content-2 {
        text-align: center;
        width: 80%;
        position: absolute;
        top: 60%;
        left: 50%;
        transform: translate(-50%, -33%);
    }
    .Modern-Slider .text-content-3 {
        text-align: center;
  	    width: 80%;
  	    position: absolute;
  	    top: 60%;
  	    left: 50%;
  	    transform: translate(-50%, -41%);
    }

    .Modern-Slider .text-content-4 {
        text-align: center;
  	    width: 80%;
  	    position: absolute;
  	    top: 60%;
  	    left: 50%;
  	    transform: translate(-50%, -36%);   
    }
    
    
    .Modern-Slider .item p {
		max-width: 100%;
		line-height: 20px;
		margin-bottom: 30px;
		font-size:13px;
	}
    .Modern-Slider .item a {

		font-size:13px;
	}

}


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

    .Modern-Slider .item .img-fill {
        background-size: cover;
        background-position: center center;
        background-repeat: no-repeat;
        height:100vh;

    }
    
    .Modern-Slider .item-1 .img-fill {
        background-image: url(../images/webp_images/slide_01_mobile.webp);
    }
    
    .Modern-Slider .item-2 .img-fill {
        background-image: url(../images/webp_images/slide_02_mobile.webp);
    }
    
    .Modern-Slider .item-3 .img-fill {
        background-image: url(../images/webp_images/slide_03_mobile.webp);
    }
    
    .Modern-Slider .item-4 .img-fill {
        background-image: url(../images/webp_images/slide_05_mobile.webp);
    }

	
}

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

    .Modern-Slider .item .img-fill {
        background-size: cover;
        background-position: center center;
        background-repeat: no-repeat;
        height:100vh;

    }
    
    .Modern-Slider .item-1 .img-fill {
        background-image: url(../images/webp_images/slide_01_mobile.webp);
    }
    
    .Modern-Slider .item-2 .img-fill {
        background-image: url(../images/webp_images/slide_02_mobile.webp);
    }
    
    .Modern-Slider .item-3 .img-fill {
        background-image: url(../images/webp_images/slide_03_mobile.webp);
    }
    
    .Modern-Slider .item-4 .img-fill {
        background-image: url(../images/webp_images/slide_05_mobile.webp);
    }


    .Modern-Slider .text-content-1 {
        text-align: center;
        position: absolute;
        top: 55%;
        left:50;
        transform: translate(-50%, -30%);
        margin-top:1%;
    }

    .Modern-Slider .text-content-2 {
        text-align: center;
        position: absolute;
        top: 55%;
        left:50;
        transform: translate(-50%, -30%);
        margin-top:1%;
    }

    .Modern-Slider .text-content-3 {
        text-align: center;
        position: absolute;
        top: 55%;
        left:50;
        transform: translate(-50%, -60%);
        margin-top:6%;
    }

    .Modern-Slider .text-content-4 {
        text-align: center;
        position: absolute;
        top: 55%;
        left:50;
        transform: translate(-50%, -53%);
        margin-top:6%;
    }

     .Modern-Slider .item p {
		max-width: 100%;
		line-height: 20px;
		margin-bottom: 30px;
		font-size:15px;
	}

	.Modern-Slider .item a {

		font-size:15px;
	}


}




/* Landscape Mode */

@media only screen and (min-width:0px) and (max-width:480px) and (orientation:landscape){

    .Modern-Slider .text-content-1 {
        text-align: center;
        width: 80%;
        position: absolute;
        top: 60%;
        left: 50%;
        transform: translate(-50%, -30%);
        
    }
    .Modern-Slider .text-content-2 {
        text-align: center;
        width: 80%;
        position: absolute;
        top: 60%;
        left: 50%;
        transform: translate(-50%, -30%);
    }
    .Modern-Slider .text-content-3 {
        text-align: center;
  	    width: 80%;
  	    position: absolute;
  	    top: 60%;
  	    left: 50%;
  	    transform: translate(-50%, -35%);
    }

    .Modern-Slider .text-content-4 {
        text-align: center;
  	    width: 80%;
  	    position: absolute;
  	    top: 60%;
  	    left: 50%;
  	    transform: translate(-50%, -35%);   
    }
    
    
    .Modern-Slider .item p {
		max-width: 100%;
		line-height: 20px;
		margin-bottom: 30px;
		font-size:10px;
	}
    .Modern-Slider .item a {

		font-size:10px;
	}

}

@media only screen and (min-width:481px) and (max-width: 740px) and (orientation:landscape) {

    .Modern-Slider .text-content-1 {
        text-align: center;
        width: 80%;
        position: absolute;
        top: 60%;
        left: 50%;
        transform: translate(-50%, -38%);
        
    }
    .Modern-Slider .text-content-2 {
        text-align: center;
        width: 80%;
        position: absolute;
        top: 60%;
        left: 50%;
        transform: translate(-50%, -33%);
    }
    .Modern-Slider .text-content-3 {
        text-align: center;
  	    width: 80%;
  	    position: absolute;
  	    top: 60%;
  	    left: 50%;
  	    transform: translate(-50%, -45%);
    }

    .Modern-Slider .text-content-4 {
        text-align: center;
  	    width: 80%;
  	    position: absolute;
  	    top: 60%;
  	    left: 50%;
  	    transform: translate(-50%, -40%);   
    }
    
    
    .Modern-Slider .item p {
		max-width: 100%;
		line-height: 20px;
		margin-bottom: 30px;
		font-size:13px;
	}
    .Modern-Slider .item a {
		font-size:13px;
        padding:2%;
	}

}

@media only screen and (min-width:741px) and (max-width: 896px) and (orientation:landscape) {

    .Modern-Slider .text-content-1 {
        text-align: center;
        width: 80%;
        position: absolute;
        top: 60%;
        left: 50%;
        transform: translate(-50%, -40%);
        
    }
    .Modern-Slider .text-content-2 {
        text-align: center;
        width: 80%;
        position: absolute;
        top: 60%;
        left: 50%;
        transform: translate(-50%, -35%);
    }
    .Modern-Slider .text-content-3 {
        text-align: center;
  	    width: 80%;
  	    position: absolute;
  	    top: 60%;
  	    left: 50%;
  	    transform: translate(-50%, -68%);
    }

    .Modern-Slider .text-content-4 {
        text-align: center;
  	    width: 80%;
  	    position: absolute;
  	    top: 60%;
  	    left: 50%;
  	    transform: translate(-50%, -68%);   
    }
    
    
    .Modern-Slider .item p {
		max-width: 100%;
		line-height: 20px;
		margin-bottom: 30px;
		font-size:18px;
	}
    .Modern-Slider .item a {
		font-size:13px;
        padding:2%;
	}

}

@media only screen and (min-width:897px) and (max-width: 1281px) and (orientation:landscape) {

    .Modern-Slider .text-content-1 {
        text-align: center;
        width: 80%;
        position: absolute;
        top: 60%;
        left: 50%;
        transform: translate(-50%, -50%);
        
    }
    .Modern-Slider .text-content-2 {
        text-align: center;
        width: 80%;
        position: absolute;
        top: 60%;
        left: 50%;
        transform: translate(-50%, -50%);
    }
    .Modern-Slider .text-content-3 {
        text-align: center;
  	    width: 80%;
  	    position: absolute;
  	    top: 60%;
  	    left: 50%;
  	    transform: translate(-50%, -90%);
    }

    .Modern-Slider .text-content-4 {
        text-align: center;
  	    width: 80%;
  	    position: absolute;
  	    top: 60%;
  	    left: 50%;
  	    transform: translate(-50%, -85%);   
    }
    
    
    .Modern-Slider .item p {
		max-width: 100%;
		line-height: 20px;
		margin-bottom: 30px;
		font-size:18px;
	}
    .Modern-Slider .item a {
		font-size:13px;
        padding:1%;
	}

}

@media only screen and (max-width:1280px) and (orientation:landscape){   

    .Modern-Slider .item .img-fill {
        background-size: cover;
        background-position: center center;
        background-repeat: no-repeat;
        height:100vh;

    }
    
    .Modern-Slider .item-1 .img-fill {
        background-image: url(../images/webp_images/slide_01_mobile.webp);
    }
    
    .Modern-Slider .item-2 .img-fill {
        background-image: url(../images/webp_images/slide_02_mobile.webp);
    }
    
    .Modern-Slider .item-3 .img-fill {
        background-image: url(../images/webp_images/slide_03_mobile.webp);
    }
    
    .Modern-Slider .item-4 .img-fill {
        background-image: url(../images/webp_images/slide_05_mobile.webp);
    }

	
}



/* Special Tablets Resolution */ 

/* Ipad Pro */

@media only screen and (width:1024px) and (height:1366px) and (orientation:portrait) {

    .Modern-Slider .item .img-fill {
        background-size: cover;
        background-position: center center;
        background-repeat: no-repeat;
        height:100vh;

    }
    
    .Modern-Slider .item-1 .img-fill {
        background-image: url(../images/webp_images/slide_01_mobile.webp);
    }
    
    .Modern-Slider .item-2 .img-fill {
        background-image: url(../images/webp_images/slide_02_mobile.webp);
    }
    
    .Modern-Slider .item-3 .img-fill {
        background-image: url(../images/webp_images/slide_03_mobile.webp);
    }
    
    .Modern-Slider .item-4 .img-fill {
        background-image: url(../images/webp_images/slide_05_mobile.webp);
    }


     .Modern-Slider .text-content-1 {
        text-align: center;
        width: 80%;
        position: absolute;
        top: 60%;
        left: 50%;
        transform: translate(-50%, -45%);
        
    }
    .Modern-Slider .text-content-2 {
        text-align: center;
        width: 80%;
        position: absolute;
        top: 60%;
        left: 50%;
        transform: translate(-50%, -40%);
    }
    .Modern-Slider .text-content-3 {
        text-align: center;
  	    width: 80%;
  	    position: absolute;
  	    top: 60%;
  	    left: 50%;
  	    transform: translate(-50%, -80%);
    }

    .Modern-Slider .text-content-4 {
        text-align: center;
  	    width: 80%;
  	    position: absolute;
  	    top: 60%;
  	    left: 50%;
  	    transform: translate(-50%, -75%);   
    }
    
    
    .Modern-Slider .item p {
		max-width: 100%;
		line-height: 20px;
		margin-bottom: 30px;
		font-size:20px;
	}
    .Modern-Slider .item a {
		font-size:13px;
        padding:1%;
	}

}


@media only screen and (width:1366px) and (height:1024px) and (orientation:landscape) {

    .Modern-Slider .item .img-fill {
        background-size: cover;
        background-position: center center;
        background-repeat: no-repeat;
        height:100vh;

    }
    
    .Modern-Slider .item-1 .img-fill {
        background-image: url(../images/webp_images/slide_01_mobile.webp);
    }
    
    .Modern-Slider .item-2 .img-fill {
        background-image: url(../images/webp_images/slide_02_mobile.webp);
    }
    
    .Modern-Slider .item-3 .img-fill {
        background-image: url(../images/webp_images/slide_03_mobile.webp);
    }
    
    .Modern-Slider .item-4 .img-fill {
        background-image: url(../images/webp_images/slide_05_mobile.webp);
    }


     .Modern-Slider .text-content-1 {
        text-align: center;
        width: 80%;
        position: absolute;
        top: 60%;
        left: 50%;
        transform: translate(-50%, -55%);
        
    }
    .Modern-Slider .text-content-2 {
        text-align: center;
        width: 80%;
        position: absolute;
        top: 60%;
        left: 50%;
        transform: translate(-50%, -60%);
    }
    .Modern-Slider .text-content-3 {
        text-align: center;
  	    width: 80%;
  	    position: absolute;
  	    top: 60%;
  	    left: 50%;
  	    transform: translate(-50%, -75%);
    }

    .Modern-Slider .text-content-4 {
        text-align: center;
  	    width: 80%;
  	    position: absolute;
  	    top: 60%;
  	    left: 50%;
  	    transform: translate(-50%, -72%);   
    }
    
    
    .Modern-Slider .item p {
		max-width: 100%;
		line-height: 20px;
		margin-bottom: 30px;
		font-size:20px;
	}
    .Modern-Slider .item a {
		font-size:13px;
        padding:1%;
	}

}


/* Tablet Banner Text Center */
@media (max-width:1280px){
    .Modern-Slider .text-content-1 {
      
          left: 50%;
     
    }
    
    .Modern-Slider .text-content-2 {
   
          left: 50%;
   
    }
    
    .Modern-Slider .text-content-3 {
      
          left: 50%;

    }
    
    .Modern-Slider .text-content-4 {
    
          left: 50%;
   
    }
}


/* Desktop banner size */

/* Finish Max width : 1440px and Max height :900 px */

/* Start Min width : 1280 px and Min height :720 px */


@media (min-width:1281px) and (max-width:1440px) and (max-height:912px){

    .Modern-Slider .text-content-1 {
          text-align: left;
          width: 60%;
          position: absolute;
          top: 50%;
          left: 45%;
          transform: translate(-50%, -50%);
    }

    .Modern-Slider .text-content-2 {
        text-align: left;
        width: 60%;
        position: absolute;
        top: 50%;
        left: 45%;
        transform: translate(-50%, -50%);
    }

  .Modern-Slider .text-content-3 {
        text-align: left;
        width: 60%;
        position: absolute;
        top: 48%;
        left: 45%;
        transform: translate(-50%, -50%);
    }
    
    .Modern-Slider .text-content-4 {
          text-align: left;
          width: 60%;
          position: absolute;
          top: 48%;
          left: 45%;
          transform: translate(-50%, -50%);
    }

    
    .Modern-Slider .item p {
        max-width: 400px;
        color: #fff;
        font-size: 15px;
        font-weight: 400;
        line-height: 30px;
        margin-bottom: 40px;
    }
  

}