/*
	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 --------------------------------------------84------------------------------- 02

	Min-768px - Max-5000px --------------------------------------201------------------------------ 03	

	Max-Width: 480px --------------------------------------------237------------------------------ 04	

	Min-481px - Max-600px ---------------------------------------276------------------------------ 05

	Min-768px - Max-991px ---------------------------------------314------------------------------ 07

	Min-992px - Max-1250px --------------------------------------362------------------------------ 08


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

	
*/


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

											SEPARATE HEADER POST VERSION RESPONSIVE

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


/*==================================================  MEDIA MAX-991px  ==================================================*/


@media (max-width: 991px) {

	/*=======================================================
						NAVIGATION BAR
	========================================================*/
	
    .separate_post_navbar.affix {

        position: static;

    }
	
	#separate_post_header_logo {

		margin-top: 0px;

	}
	
	.separate_post_navbar.affix div div a #separate_post_header_logo {

		margin-top: 0px;

	}

	.separate_post_navbar.affix div .separate_post_navbar_nav>li>a {

		padding-top: 30px;
		padding-bottom: 30px;

	}

}


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


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

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

	.separate_post_navbar_header {
	
		padding: 10px 0px 10px 0px;
	
	}
	
	.separate_post_navbar_nav {

		float: initial !important;

	}

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

	}

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

	.separate_post_dropdown ul {

		text-align: center;

	}
	
	.separate_post_dropdown_right i,
	.separate_post_dropdown_left i {

		display: none;

	}

	.separate_post_dropdown_menu_right,
	.separate_post_dropdown_menu_left {

		display: none;

	}
	
	.separate_post_navbar_nav,
	.separate_post_dropdown_menu {

		text-align: left;

	}

	.separate_post_shortcodes_list_border,
	.separate_post_features_list_border {

		border-right: none;

	}
	
	.separate_post_mega_image,
	.separate_post_mega_posts {
	
		text-align: center;
	
	}
	
	.separate_post_mega_image img,
	.separate_post_mega_posts_col_img img,
	.separate_post_dropdown_menu_shop_col img {

		width: 50%;

	}
	
	.separate_post_mega_posts_col_text h5 {

		margin: 10px 0px 10px 0px;

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

	.separate_post_dropdown_menu_share {

		float: initial !important;

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

	.separate_post_modal_content {

		width: 100%;
		position: static;

	}

}


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


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

	/*=======================================================
				NAVIGATION BAR TRANSLATE EFFECT
	========================================================*/

	.separate_post_dropdown_menu {

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

		-webkit-transform: translate(0px,25px) !important; /* Chrome, Safari */
				transform: translate(0px,25px) !important; /* Standard syntax */

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

	}

	.separate_post_dropdown:hover>.separate_post_dropdown_menu {

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

		-webkit-transform: translate(0px,0px) !important; /* Chrome, Safari */
				transform: translate(0px,0px) !important; /* Standard syntax */

	}

}


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


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

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

	.separate_post_search_bar>div {

		width: 75%;

	}
	
	.separate_post_search_bar>button {

		width: 25%;

	}

	/*=======================================================
					BACKGROUND POST PAGE
	========================================================*/
	
	.separate_post_caption {

		bottom: 10px;

	}

	.separate_post_caption h1 {

		font-size: 18px;
		margin-bottom: 0px;

	}

}


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


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

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

	.separate_post_search_bar>div {

		width: 75%;

	}
	
	.separate_post_search_bar>button {

		width: 25%;

	}
	
	/*=======================================================
					BACKGROUND POST PAGE
	========================================================*/
	
	.separate_post_caption {

		bottom: 25px;

	}

	.separate_post_caption h1 {

		font-size: 40px;

	}

}


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


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

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

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

	.separate_post_dropdown_menu_left {
		
		left: 100%;

	}
	
	.separate_post_dropdown_menu_shortcodes {

		width: 725px;
		left: -225px;

	}
	
	.separate_post_dropdown_menu_features {

		width: 725px;
		left: -370px;

	}
	
	.separate_post_dropdown_menu_mega {

		left: -485px;
		width: 725px;

	}
	
	.separate_post_dropdown_menu_shop {

		left: -586px;
		width: 750px;

	}

}


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


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

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

	.separate_post_navbar_responsive {

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

	}

	/*========== DROPDOWN ==========*/
	
	.separate_post_dropdown_menu_shortcodes {

		left: -420px;
		width: 950px;

	}
	
	
	.separate_post_dropdown_menu_features {

		left: -565px;
		width: 950px;

	}
	
	.separate_post_dropdown_menu_mega {

		left: -709px;
		width: 990px;
	}
	
	.separate_post_dropdown_menu_shop {

		left: -775px;
		width: 950px;

	}

}