/*
	Responsive StyleSheet For Immortal Header & Slider

	Item Name: Immortal Header & Slider
	Item URL: 
	Description: Different Types of Headers for Web Pages, Bootstrap Sliders, Bootstrap Mega Menu, Bootstrap Modal Forms
	Author: SZThemes
	Author URI: http://codecanyon.net/user/sz_themes
	Version: 1.0


											Content List
  --------------------------------------------------------------------------------------------------

	NAME -------------------------------------------------------LINE NUMBER----------------------- #

	Max-Width: 991px --------------------------------------------47------------------------------- 01

	Max-Width: 767px --------------------------------------------71------------------------------- 02

	Min-768px - Max-5000px --------------------------------------194------------------------------ 03	

	Max-Width: 480px --------------------------------------------224------------------------------ 04	

	Min-481px - Max-600px ---------------------------------------283------------------------------ 05

	Min-601px - Max-767px ---------------------------------------323------------------------------ 06

	Min-768px - Max-991px ---------------------------------------343------------------------------ 07
	
	Min-992px - Max-1199px --------------------------------------401------------------------------ 08

	Min-992px - Max-1250px --------------------------------------420------------------------------ 09

	[ Note: Line Numbers Are According To Notepad++ ]

*/


/*==========================================================================================================================================

											FIXED WIDTH HEADER VERSION RESPONSIVE FILE

==========================================================================================================================================*/


/*==================================================  MEDIA 991px  ==================================================*/


@media (max-width: 991px) {

	/*=======================================================
						NAVIGATION BAR
	========================================================*/
	
	#fixed_width_header_logo {

		margin-top: 0px;

	}
	
	.fixed_width_navbar {

		padding-left: 0px;

	}

}


/*==================================================  MEDIA 767px  ==================================================*/


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

	/*=======================================================
						NAVIGATION BAR
	========================================================*/
	
	.fixed_width_navbar_nav {

		margin-left: 0px;

	}
	
	.fixed_width_navbar_header {
	
		padding: 10px 0px 10px 0px;
	
	}
	
	.fixed_width_navbar_nav {

		float: initial !important;

	}

	.fixed_width_fa_angle_down {
	
		float: right;
		font-size: 22px;

	}

	/*========== DROPDOWN ==========*/
	
	.fixed_width_dropdown_right i,
	.fixed_width_dropdown_left i {

		display: none;

	}

	.fixed_width_dropdown_menu_right,
	.fixed_width_dropdown_menu_left {

		display: none;

	}
	
	.fixed_width_navbar_nav,
	.fixed_width_dropdown_menu {

		text-align: left;

	}

	.fixed_width_shortcodes_list_border,
	.fixed_width_features_list_border {

		border-right: none;

	}
	
	.fixed_width_dropdown ul {

		text-align: center;

	}
	
	.fixed_width_mega_image,
	.fixed_width_mega_posts {
	
		text-align: center;
	
	}
	
	.fixed_width_mega_image img,
	.fixed_width_mega_posts_col_img img,
	.fixed_width_dropdown_menu_shop_col img {

		width: 50%;

	}
	
	.fixed_width_mega_posts_col_text h5 {

		margin: 10px 0px 10px 0px;

	}
	
	.fixed_width_dropdown_menu_shop_col {
	
		text-align: center;
	
	}
	
	.fixed_width_dropdown_menu_shop_col p {
	
		text-align: center;
	
	}

	.fixed_width_dropdown_menu_share {

		float: initial !important;

	}
	
	/*=======================================================
							MODAL
	========================================================*/

	.fixed_width_modal_content {

		width: 100%;
		position: static;

	}

}


/*==================================================  MEDIA 768px - 5000px  ==================================================*/


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

	/*=======================================================
				NAVIGATION BAR FADE EFFECT
	========================================================*/
	
	.fixed_width_dropdown_menu {

		opacity: 0 !important;
		display: block !important;
		visibility: hidden !important;

	-webkit-transition: visibility 0.2s ease-in-out 0s, opacity 0.2s ease-in-out 0s; /* Chrome, Safari */
			transition: visibility 0.2s ease-in-out 0s, opacity 0.2s ease-in-out 0s; /* Standard syntax */

	}

	.fixed_width_dropdown:hover>.fixed_width_dropdown_menu {

		opacity: 1 !important;
		visibility: visible !important;

	}

}


/*==================================================  MEDIA 480px  ==================================================*/


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

	/*========== SEARCH BAR ==========*/

	.fixed_width_search_bar>div {

		width: 75%;

	}
	
	.fixed_width_search_bar>button {

		width: 25%;

	}

	/*=======================================================
						FADE FAST SLIDER
	========================================================*/

	/*========== CAPTION ==========*/

	.fixed_width_carousel_caption {

		bottom: -15px;

	}

	.fixed_width_carousel_caption h1 {

		font-size: 25px;
		margin-bottom: 5px;

	}
	
	.fixed_width_carousel_caption p {

		width: 100%;
		letter-spacing: 1px;
		padding: 10px 5px 10px 5px;

	}

	.fixed_width_carousel_button_colored,
	.fixed_width_carousel_button_colored:visited {

		height: 34px;
		padding: 0 13px;
		margin: 10px 10px;
		line-height: 34px;

	}

}


/*==================================================  MEDIA 481px - 600px  ==================================================*/


@media (min-width: 481px) and (max-width: 600px) {

	/*========== SEARCH BAR ==========*/

	.fixed_width_search_bar>div {

		width: 75%;

	}

	.fixed_width_search_bar>button {

		width: 25%;

	}

	/*=======================================================
						FADE FAST SLIDER
	========================================================*/

	/*========== CAPTION ==========*/

	.fixed_width_carousel_caption {

		bottom: -15px;

	}

	.fixed_width_carousel_caption h1 {

		font-size: 40px;

	}

}


/*==================================================  MEDIA 601px - 767px  ==================================================*/


@media (min-width: 601px) and (max-width: 767px) {

	/*=======================================================
							SLIDE SLIDER
	========================================================*/

	/*========== CAPTION ==========*/

	.fixed_width_carousel_caption {

		bottom: 15%;

	}

}


/*==================================================  MEDIA 768px - 991px  ==================================================*/


@media (min-width: 768px) and (max-width: 991px) {

	/*=======================================================
						NAVIGATION BAR
	========================================================*/

	/*========== DROPDOWN ==========*/

	.fixed_width_dropdown_menu_left {
		
		left: 100%;

	}

	.fixed_width_dropdown_menu_shortcodes {

		width: 725px;
		left: -280px;

	}

	.fixed_width_dropdown_menu_features {

		width: 725px;
		left: -425px;

	}

	.fixed_width_dropdown_menu_mega {

		left: -550px;
		width: 725px;

	}

	.fixed_width_dropdown_menu_shop {

		left: -90px;
		width: 750px;

	}

	/*=======================================================
						SLIDE SLIDER
	========================================================*/

	.fixed_width_carousel_caption {

		bottom: 20%;

	}
	
}


/*==================================================  MEDIA 992px - 1199px  ==================================================*/


@media (min-width: 992px) and (max-width: 1199px) {

	.fixed_width_navbar {

		padding-left: 0px;

	}

	.fixed_width_navbar_nav {

		margin-left: 0px;

	}

}

/*==================================================  MEDIA 992px - 1250px  ==================================================*/


@media (min-width: 992px) and (max-width: 1250px) {


	/*=======================================================
						NAVIGATION BAR
	========================================================*/

	.fixed_width_navbar_responsive {

		padding-left: 0px;
		padding-right: 0px;

	}

	/*========== DROPDOWN ==========*/

	.fixed_width_dropdown_menu_shortcodes {

		left: -420px;
		width: 950px;

	}
	
	.fixed_width_dropdown_menu_features {

		left: -565px;
		width: 950px;

	}
	
	.fixed_width_dropdown_menu_mega {

		left: -709px;
		width: 990px;

	}

	
	.fixed_width_dropdown_menu_shop {

		left: -775px;
		width: 950px;

	}

}