/*
* Author: Kanav Kohli
* Author URI: http:kanavkohli.com
* Description: home page responsive stylesheet
*/


/*************************************************************
						SLIDER COMMON
/************************************************************/
@media (max-width: 767px) {
	.flexslider .flex-nav-prev {
		width: 50px !important;
	}

	.flexslider .flex-direction-nav a {
		opacity: 1 !important;
		font-size: 30px;
		width: 40px;
		margin: -30px 0 0;
		outline: medium none;
	}

	.flex-direction-nav .flex-prev {
		left: 50% !important;
		margin-left: -30px;
		top: 130px;
	}

	.flex-direction-nav .flex-next {
		left: 50%;
		right: -10px !important;
		top: 130px;
	}

	.flex-direction-nav a::before {
		font-size: 50px;
	}

	.flex-direction-nav a:hover:before {
		color: #444 !important;
	}

	.flex-direction-nav a.flex-prev:before {
		content: "\f104";
	}

	.flex-direction-nav a.flex-next:before {
		content: "\f105";
	}

	.flex-direction-nav, .flex-nav-prev, .flex-nav-next {
		display: none;
	}
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1300px) {
	.flex-direction-nav, .flex-nav-prev, .flex-nav-next {
		margin-top: -34px;
	}

	.flex-direction-nav a::before {
		font-size: 60px;
	}
}


/*************************************************************
							MAIN SLIDER
/************************************************************/
@media (max-width: 767px) {
	#slider-section, #slider-top-section {
		height: 265px !important;
		max-height: 265px !important;
		margin-top: 42px !important;
		clear: both !important;
	}

	#slider-top-section #main-slider .slides img {
		height: 180px !important;
		max-height: 180px !important;
		min-height: 180px !important;
	}

	#slider-top-section #main-slider .flex-caption {
		height: 25px !important;
		margin: -25px 0px 0px 0px !important;
		padding: 5px 0px 5px 5px !important;
	}

	#slider-top-section #main-slider .flex-caption .caption-title {
		font-size: 12px !important;
		margin-top: -1px !important;
	}

	#slider-top-section #main-slider .flex-caption .caption-place {
		font-size: 12px !important;
		margin: -1px 0 0 3px !important;
	}

	#slider-top-section #main-slider .flex-caption .caption-description {
		display: none;
	}

	#slider-top-section #main-carousel li {
		height: 56px !important;
		width: 100px !important;
	}

	#slider-top-section #main-carousel li img {
		max-height: 56px !important;
		min-height: 100% !important;
	}

	#slider-top-section #main-carousel li .flex-caption {
		font-size: 13px;
		font-weight: 300;
		margin: -19px 3px 0 0;
	}
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1300px) {
	#slider-section {
		height: 489px;
	}

	#slider-top-section #main-slider .slides img {
		min-height: 400px;
		height: 400px;
	}

	#slider-top-section #main-slider .flex-caption {
		height: 60px;
		left: 0;
		margin-top: -60px;
		padding-left: 15px;
	}

	#slider-top-section #main-slider .flex-caption .caption-title {
		font-size: 19px;
		margin-top: 6px;
	}

	#slider-top-section #main-slider .flex-caption .caption-place {
		font-size: 16px;
		margin: 9px 0 0 8px;
	}

	#slider-top-section #main-slider .flex-caption .caption-description {
		font-size: 14px;
		top: 0;
	}

	#slider-top-section #main-carousel li {
		height: 86px !important;
		width: 150px !important;
	}

	#slider-top-section #main-carousel li img {
		max-height: 86px !important;
		min-height: 100% !important;
	}

	#slider-top-section #main-carousel li .flex-caption {
		font-size: 16px;
		margin: -25px 5px 0 0;
	}
}


/*************************************************************
							CITY GUIDE SECTION
/************************************************************/
@media (max-width: 767px) {
	#top-categories-section {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		margin: 1px auto auto auto;
		height: 250px !important;
	}

	#top-categories-section #top-categories-carousel {
		margin: 0 auto;
		width: 100% !important;
	}

	#top-categories-section #top-categories-carousel li {
		margin: 0 8px 0 0;
		padding: 3px;
		width: 141px !important;
	}

	#top-categories-section #top-categories-carousel li .flex-caption {
		font-size: 13px;
		font-weight: 400;
		height: 20px;
		line-height: 20px;
		margin: 3px 0 0;
	}
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1300px) {
	#top-categories-section {
		height: 245px;
	}

	#top-categories-section #top-categories-carousel {
		margin: 0 auto;
		width: 610px !important;
	}

	#top-categories-section #top-categories-carousel li {
		width: 195px !important;
	}

	#top-categories-section #top-categories-carousel li .flex-caption {
		font-size: 14px;
		font-weight: 400;
		height: 30px;
		line-height: 28px;
	}
}