/*
	Site Name: TimeOutWeb
	URI: http:
	Description: This is the responsive css for TimeOutWeb
	Version: 2.0
	Author: 
	Author URI:
	Tags:

	---------------------------
	CUSTOM STYLES
	---------------------------

	TABLE OF CONTENTS
	---------------------------
	01.0 Smartphones (portrait and landscape)
	02.0 Smartphones (landscape)
	03.0 Smartphones (portrait)
	04.0 iPads (portrait and landscape)
	05.0 iPads (landscape)
	06.0 iPads (portrait)
	07.0 Desktops and laptops
	08.0 Large screens
	09.0 iPhone 4
	10.0 iPhone 5
	11.0 iPhone 6
	12.0 iPhone 6+
	13.0 Samsung Galaxy S3
	14.0 Samsung Galaxy S4
	15.0 Samsung Galaxy S5


*/


/* 01. Smartphones (portrait and landscape) ----------- */

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
	.login_wrapper{
		padding-left:0px !important;
		padding-right: 0px !important;
	}

	.search_container_wrap {
		width:100% !important;
	}

	.catagory_search{
		width:100% !important;
	}

	.login_wrapper{
		.login_left_wrapper{
			display: none;
		}
		.login_content{
			width:100% !important;
		}
	}
	.navbar{
		.container-fluid{
			max-width: 100% !important;
			.menu_section{
				padding-top: 15px;
				padding-bottom: 15px;
			}
			li{
				a{
					padding-top: 10px;
					padding-bottom: 10px;
					font-size: 20px;
					font-weight: 300;
				}
			}
			.account_section{
				text-align: right;
			}
			
		}
	}
	.ar{
		.account_section{
			text-align:left !important;
		}
	}
	.vr_line{
		display: none;
	}

	.drop_menu_wrapper{
		width:100% !important;
		right:0px !important;
	}
	.arrow-up{
		display: none !important;
	}
	.menu_section{
		width:100% !important;
		.event_menu{
			padding: 0px !important;
		}
		.col-sec{
			width:100% !important;
			padding-right: 0px !important;
			ul{
				padding: 0px !important;
				
				li{
					width:100% !important;
					font-size: 18px !important;
					padding-top: 10px !important;
					padding-bottom: 10px !important;
					padding-left: 40px !important;
					background-position: 15px !important;
				}

			}
		}
	}

	.select_location_main_wrapper{
		h2{
			font-size: 2em !important;
		}
		.locations_data{
			ul{
				li{
					width:100% !important;
				}
			}
			.row{
				.col{
					padding: 0px;
					.location_block{
						margin-bottom: 2px !important;
						border: 2px solid #fff;
						p{
							font-size: 16px !important;
						}
					}
				}
			}
		}
	}

	section.module.parallax{
		background-position: center top 70px !important;
		background-size: inherit !important;
	}

	.main_wrapper_banner{
		h1{
			font-size: 40px !important;
			line-height: 30px;
		}
		p{
			font-size: 18px;
		}
	}

	.catagory_slider{
		ul{
			li{
				width: 100% !important;
				.event_container{
					height: 320px !important;
				}
			}
		}
	}

	.terms_wrapper{
		ul{
			li{
				width:100%;
				white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
			}
		}

		.tab-content{
			padding: 0px !important;
			padding-top: 20px !important;
		}
	}

	.terms_tab_head{
		padding:0px;
		margin: 0px;
	}
	
}


/* 02.0 Smartphones (landscape) ----------- */

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


/* 03.0 Smartphones (portrait) ----------- */

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


/* 04.0 iPads (portrait and landscape) ----------- */

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
	.catagory_slider{
		ul{
			li{
				width: calc(100% - 67%) !important;
			}
		}
	}
	

	.navbar{
		.container-fluid{
			max-width: 100% !important;
			.menu_section{
				padding-top: 15px;
				padding-bottom: 15px;
			}
			li{
				a{
					padding-top: 10px;
					padding-bottom: 10px;
					font-size: 20px;
					font-weight: 300;
				}
			}
			.account_section{
				text-align: right;
			}
		}
	}
	.vr_line{
		display: none;
	}

	.drop_menu_wrapper{
		width:100% !important;
		right:0px !important;
	}
	.arrow-up{
		display: none !important;
	}
	.menu_section{
		width:100% !important;
		.event_menu{
			padding: 0px !important;
		}
		.col-sec{
			width:100% !important;
			padding-right: 0px !important;
			ul{
				padding: 0px !important;
				
				li{
					font-size: 18px !important;
					padding-top: 10px !important;
					padding-bottom: 10px !important;
					padding-left: 40px !important;
					background-position: 15px !important;
				}

			}
		}
	}

	.select_location_main_wrapper{
		h2{
			font-size: 2em !important;
		}
		.locations_data{
			.row{
				.col{
					padding: 0px;
					.location_block{
						margin-bottom: 2px !important;
						border: 2px solid #fff;
						p{
							font-size: 16px !important;
						}
					}
				}
			}
		}
	}

	section.module.parallax{
		background-position: center top 70px !important;
		background-size: inherit !important;
	}

	.main_wrapper_banner{
		h1{
			font-size: 40px !important;
			line-height: 30px;
		}
		p{
			font-size: 18px;
		}
	}
}


/* 05.0 iPads (landscape) ----------- */

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {}


/* 06.0 iPads (portrait) ----------- */

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
	
}


/* 07.0 Desktops and laptops ----------- */
	/* LOW RESOLUTION ----------- */

@media only screen and (min-width: 900px) and (max-device-width: 1249px) {
	.login_wrapper{
		padding: 10% !important;
		padding-top: 7% !important;
		
		.login_content{
			padding-top: 0px !important;
		}
	}

}


@media only screen and (min-width: 1250px) and (max-device-width: 1359px) {
	.login_wrapper{
		padding: 7% !important;
    }


    .event_menu_drop_down
        {
            .modal-content{
                .drop_menu_wrapper{
                    .menu_section{
                        width: calc(100% - 30%) !important;
                        .arrow-up{
                            right:38% !important;
                        }
                    }
                }
            }
        } 

    .select_city_drop
        {
            .modal-content{
                .drop_menu_wrapper{
                    right: calc(100% - 68%) !important;
                }
            }
        }
        
        .search_drop_down
        {
            .modal-content{
                .drop_menu_wrapper{
                    right: calc(100% - 77%) !important;
                }
            }
        }

        .account_drop {
            .modal-content{
                .drop_menu_wrapper{
                    right: calc(100% - 91%) !important;
                }
            }
        }

        .ar{
            .event_menu_drop_down
        {
            .modal-content{
                .drop_menu_wrapper{
                    .menu_section{
                        width: calc(100% - 30%) !important;
                        .arrow-up{
                            left: 39% !important;
                            right:auto !important;
                        }
                    }
                }
            }
        } 

    .select_city_drop
        {
            .modal-content{
                .drop_menu_wrapper{
                    left: calc(100% - 74%) !important;
                    right:auto !important;
                }
            }
        }
        
        .search_drop_down
        {
            .modal-content{
                .drop_menu_wrapper{
                    left: calc(100% - 92%) !important;
                    right:auto;
                }
            }
        }

        .account_drop {
            .modal-content{
                .drop_menu_wrapper{
                    left: calc(100% - 92%) !important;
                    right: auto;
                }
            }
        }
    }
}

@media only screen and (min-width: 1360px) and (max-device-width: 1399px) {

    .event_menu_drop_down
        {
            .modal-content{
                .drop_menu_wrapper{
                    .menu_section{
                        width: calc(100% - 30%) !important;
                        .arrow-up{
                            right:38% !important;
                        }
                    }
                }
            }
        } 

    .select_city_drop
        {
            .modal-content{
                .drop_menu_wrapper{
                    right: calc(100% - 68%) !important;
                }
            }
        }
        
        .search_drop_down
        {
            .modal-content{
                .drop_menu_wrapper{
                    right: calc(100% - 77%) !important;
                }
            }
        }

        .account_drop {
            .modal-content{
                .drop_menu_wrapper{
                    right: calc(100% - 91%) !important;
                }
            }
        }

        .ar{
            .event_menu_drop_down
        {
            .modal-content{
                .drop_menu_wrapper{
                    .menu_section{
                        width: calc(100% - 30%) !important;
                        .arrow-up{
                            left: 39% !important;
                            right:auto !important;
                        }
                    }
                }
            }
        } 

    .select_city_drop
        {
            .modal-content{
                .drop_menu_wrapper{
                    left: calc(100% - 74%) !important;
                    right:auto !important;
                }
            }
        }
        
        .search_drop_down
        {
            .modal-content{
                .drop_menu_wrapper{
                    left: calc(100% - 92%) !important;
                    right:auto;
                }
            }
        }

        .account_drop {
            .modal-content{
                .drop_menu_wrapper{
                    left: calc(100% - 92%) !important;
                    right: auto;
                }
            }
        }
    }

}

@media only screen and (min-width: 1400px) and (max-device-width: 1600px) {
    .event_menu_drop_down
        {
            .modal-content{
                .drop_menu_wrapper{
                    .menu_section{
                        width: calc(100% - 30%) !important;
                        .arrow-up{
                            right:46% !important;
                        }
                    }
                }
            }
        } 

    .select_city_drop
        {
            .modal-content{
                .drop_menu_wrapper{
                    right: calc(100% - 74%) !important;
                }
            }
        }
        
        .search_drop_down
        {
            .modal-content{
                .drop_menu_wrapper{
                    right: calc(100% - 82%) !important;
                }
            }
        }

        .account_drop {
            .modal-content{
                .drop_menu_wrapper{
                    right: calc(100% - 91%) !important;
                }
            }
        }

        .ar{
            .event_menu_drop_down
        {
            .modal-content{
                .drop_menu_wrapper{
                    .menu_section{
                        width: calc(100% - 30%) !important;
                        .arrow-up{
                            left: 49% !important;
                            right:auto !important;
                        }
                    }
                }
            }
        } 

    .select_city_drop
        {
            .modal-content{
                .drop_menu_wrapper{
                    left: calc(100% - 80%) !important;
                    right:auto !important;
                }
            }
        }
        
        .search_drop_down
        {
            .modal-content{
                .drop_menu_wrapper{
                    left: calc(100% - 93%) !important;
                    right:auto;
                }
            }
        }

        .account_drop {
            .modal-content{
                .drop_menu_wrapper{
                    left: calc(100% - 92%) !important;
                    right: auto;
                }
            }
        }
    }

}


/* 08.0 Large screens ----------- */

@media only screen and (min-width: 1824px) {

    .event_menu_drop_down
    {
        .modal-content{
            .drop_menu_wrapper{
                .menu_section{
                    .arrow-up{
                        right: 10% !important;
                        left:auto !important;
                    }
                }
            }
        }
    } 
    .ar{
        .event_menu_drop_down
    {
        .modal-content{
            .drop_menu_wrapper{
                .menu_section{
                    .arrow-up{
                        left: 10% !important;
                        right:auto !important;
                    }
                }
            }
        }
    } 

.select_city_drop
    {
        .modal-content{
            .drop_menu_wrapper{
                left: calc(100% - 83%) !important;
                right:auto !important;
            }
        }
    }
    
    .search_drop_down
    {
        .modal-content{
            .drop_menu_wrapper{
                left: calc(100% - 95%) !important;
                right:auto;
            }
        }
    }

    .account_drop {
        .modal-content{
            .drop_menu_wrapper{
                left: calc(100% - 95%) !important;
                right: auto;
            }
        }
    }
}

}


/* 09.0 iPhone 4 ----------- */

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {}


/* 10.0 iPhone 5 ----------- */

@media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 2) {}


/* 11.0 iPhone 6 ----------- */

@media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 2) {}

@media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 2) {}


/* 12.0 iPhone 6+ ----------- */

@media only screen and (min-device-width: 414px) and (max-device-height: 736px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 2) {}


/* 13.0 Samsung Galaxy S3 ----------- */

@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 2) {}


/* 14.0 Samsung Galaxy S4 ----------- */

@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 3) {}


/* 15.0 Samsung Galaxy S5 ----------- */

@media only screen and (min-device-width: 360px) and (max-device-height: 640px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 3) {}

@media (max-width: 480px) {}

@media only screen and (min-width: 1000px) {}