/* ==========================================================================
   Countdown shortcode responsive style - begin
   ========================================================================== */

@include laptop-landscape {
	
	.eltdf-countdown {
		
		.countdown-row {
			
			.countdown-section {
				
				.countdown-amount {
					font-size: 60px;
				}
			}
		}

		&.eltdf-countdown-with-boxes {

			.countdown-row {
				.countdown-section {

					.countdown-period {
						margin-bottom: 30px;
					}
				}
			}
		}
	}
}

@include ipad-landscape {

	.eltdf-countdown {
		&.eltdf-countdown-with-boxes {
			.countdown-row {
				.countdown-section {
					.countdown-period {
						margin-top: 7px;
					}
				}
			}
		}
	}
}

@include ipad-portrait {
    
    .eltdf-countdown {
        
        .countdown-row {
	        
            &.countdown-show4,
            &.countdown-show5,
            &.countdown-show6 {
	
	            .countdown-section {
		            width: 33.33333333333333%;
	            }
            }
	
	        .countdown-section {
		
		        .countdown-amount {
			        font-size: 50px;
		        }
	        }
        }

        &.eltdf-countdown-with-boxes {
            .countdown-row {
                .countdown-section {
                    padding-top: 18px;
                }
            }
        }
    }
}

@include phone-landscape {
	
	.eltdf-countdown {
		
		.countdown-row {
			
			.countdown-section {
				
				.countdown-amount {
					font-size: 40px;
				}
			}
		}
	}
}
/* ==========================================================================
   Countdown shortcode responsive style - end
   ========================================================================== */