@media only screen and (min-width: 100px) and (max-width:980px )

{	#parent_menu { float: right; padding-right: 10%; margin-top: -25px; }

	#navbar-header { float:none; padding-right:5%;  }

	.navbar-collapse ul li a { height:38px;}

	.navbar-default .navbar-nav > li > a { width:80%; }

	ul.dropdown-menu > li > a { width:80%; }

	

}

@media (min-width:1200px) {

	.enigma_gallery_page .col-md-3{

	width:25%;

	}

	.navbar {

	margin-bottom: 0px; 



	}

	#enigma_nav_top.affix {

    position: fixed;

    top: 0;

    width: 100%;

	border-bottom: 2px solid #F7F5F5;

	z-index: 9999;

	}

	.carousel-caption {

	top: 35%;

	}

}



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

	#enigma_nav_top.affix {

    position: fixed;

    top: 0;

    width: 100%;

	border-bottom: 2px solid #F7F5F5;

	z-index: 99997;

	left: 0;

	}

	

} 



/* This Media screen css called for All Hc Pages Element---------------------------------------------------------------------------------------------------------------------------------------------------------*/



@media only screen and (min-width: 960px) and (max-width: 1200px) {



	.enigma_gallery_page .col-md-3{

		width:25%;

	}

	.post-content-wrap {

		width:83%;

	}

	.post-content-wrap-right {

		width:83%;

	}

	.navbar {

	margin-bottom: 0px; 



	}

	#enigma_nav_top.affix {

    position: fixed;

    top: 0;

    width: 100%;

	border-bottom: 2px solid #F7F5F5;

	z-index: 99997;

	left: 0;

	}

	.enigma_gallery_blog{

	width: 33.3%;

	margin-right: 0;

	margin-bottom: 0;

	float: left;

	}

	

}	

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

#parent_menu { float: right; padding-right: 10%; margin-top: -25px; }

	#navbar-header { float:none; padding-right:5%;  }

	.navbar-collapse ul li a { height:38px;}

	.navbar-default .navbar-nav > li > a { width:80%; }

	ul.dropdown-menu > li > a { width:80%; }

	

.logo{

	text-align:center;

	padding-top:15px;

	padding-bottom:0px;

	}

	.head-contact-info{

	display: block;

	text-align: center;

	padding-top:5px;

	padding-bottom:2px;

	padding-left:0;

}

	.social{

	display: block;

	text-align: center;

	padding-top:5px;

	padding-bottom:5px;

	padding-left: 0px;

	}

	.navbar-default .navbar-nav > li > a{

	color: #000;

	border-radius: 5px;

	padding-top: 10px;

	padding-bottom: 10px;

	padding-left: 8px;

	padding-right: 8px;

	text-transform: uppercase;

	font-family: 'Arimo',Arial, Helvetica, sans-serif;

	font-weight: 600;

	font-size:15px;

	}

	.navbar {

		margin-bottom: 0px; 



	}

	#enigma_nav_top.affix {

    position: fixed;

    top: 0;

    width: 100%;

	border-bottom: 2px solid #F7F5F5;

	z-index: 99997;

	left: 0;

	}

	.carousel-caption{

	top:40px;

	}

	.carousel-text h1 {

	font-size: 1.4em;

	padding:10px;

	}

	.carousel-list li {

	color: #fff;

	font-size: 0.9em;

	margin-bottom: 10px;

	overflow: hidden;

	font-family: 'Open Sans', sans-serif;

	font-weight: 600; 

	text-transform: uppercase;

	}

	.carousel-list {

	top: 60px;

	margin: 0px auto;

	}

	.enigma_callout_area{

		text-align:center;

	}

	.enigma_callout_area p{

		margin-bottom:20px;

		padding:0px;

	}

	.enigma_callout_btn {

	float: none;	

	}

	

	/*** blog full width **/

	.enigma_sidebar_left_side{



	float:none;



	}

	.enigma_blog_right_side{

	float:none;

	}

	.post-content-wrap {

	width:100%;

	}

	.post-content-wrap-right {

	width:100%;

	}

	.blog-date-left{

		display:flex;

		margin-bottom: 0px;

	}

	.blog-date-right{

		display:flex;

		margin-bottom: 0px;

	}

	

	.enigma_fuul_blog_detail_padding {

		padding-left: 0px;

		padding-top:20px;

	}

	.enigma_blog_full .enigma_blog_thumb_wrapper_showcase {

		margin-bottom: 0px;

	}

	.navbar-collapse {

     max-height: none;

	 }

	 .enigma_project_section .caroufredsel_wrapper{

		height: 350px !important;

	 }

	 .enigma_client_area .caroufredsel_wrapper{

		height: 250px !important;

	 }

	 .enigma_project_detail_related_projet .caroufredsel_wrapper{ 

		height: 350px !important;

	 }

	 /** enigma footer  copyright area ***/

	 .enigma_footer_area{

	 text-align:center;

	 }

	 .enigma_footer_copyright_info{

		float:none;

	}

	.enigma_footer_social_div{

		float:none;

	}

	/** contact us page **/

	.enigma_contact_form_fields{

	padding-right: 15px;

	padding-top: 30px;

	padding-bottom: 30px;

	border-right: 0px solid #E5E5E5;

	}

	.enigma_contact_info{

		padding-left: 15px;

		padding-top: 30px;

		padding-bottom: 30px;

	}

	/* gallery */

	.enigma_gallery_blog{

	width: 33.3%;

	margin-right: 0;

	margin-bottom: 0;

	float: left;

	}

	.carousel-indicators{

		display:none;

	}

}





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

.logo img{ margin-left:5%; }

.navbar-header #parent_menu .fa{float:right;}

.logo{

	text-align:center;

	padding-top:15px;

	padding-bottom:0px;

	}

	.head-contact-info{

	display: block;

	text-align: center;

	padding-top:5px;

	padding-bottom:2px;

	padding-left:0;

}

	.social{

	display: block;

	text-align: center;

	padding-top:5px;

	padding-bottom:5px;

	padding-left: 0px;

	}

	.carousel-caption{

	top:15px;

	}

	.carousel-text h1 {

	font-size: 1.2em;

	padding:10px;

	}

	.carousel-list li {

	color: #fff;

	font-size: 12px;

	line-height:16px;

	margin-bottom: 10px;

	overflow: hidden;

	font-family: 'Abel',sans-serif;

	text-transform: uppercase;

	}

	.carousel-list {

	top: 60px;

	margin: 0px auto;

	}

	

	.enigma_callout_area{

		text-align:center;

	}

	.enigma_callout_area p{

		margin-bottom:20px;

		padding:0px;

	}

	.enigma_callout_btn {

	float: none;	

	}

	/**** blog full width: ***/

	.enigma_sidebar_left_side{



		float:none;



	}

	.enigma_blog_right_side{

		float:none;

	}

	

	.post-content-wrap {

	width:100%;

	}

	.post-content-wrap-right {

	width:100%;

	}

	.blog-date-left{

		display:flex;

		margin-bottom: 0px;

	}

	.blog-date-right{

		display:flex;

		margin-bottom: 0px;

	}

	.enigma_fuul_blog_detail_padding {

		padding-left: 0px;

		padding-top:20px;

	}

	.enigma_blog_full .enigma_blog_thumb_wrapper_showcase {

		margin-bottom: 0px;

	}

	.navbar-collapse {

     max-height: none;

	 }

	 .enigma_project_section .caroufredsel_wrapper{

		height: 350px !important;

	 }

	 .enigma_client_area .caroufredsel_wrapper{

		height: 260px !important;

	 }

	 .enigma_project_detail_related_projet .caroufredsel_wrapper{ 

		height: 350px !important;

	 }

	 

	/*** comment section **/

	.enigma_comment_box .media-body {

	float: left;

	}

	/** enigma footer  copyright area ***/

	 .enigma_footer_area{

	 text-align:center;

	 }

	 .enigma_footer_copyright_info{

		float:none;

	}

	.enigma_footer_social_div{

		float:none;

	}

	/** contact us page **/

	.enigma_contact_form_fields{

	padding-right: 15px;

	padding-top: 30px;

	padding-bottom: 30px;

	border-right: 0px solid #E5E5E5;

	}

	.enigma_contact_info{

		padding-left: 15px;

		padding-top: 30px;

		padding-bottom: 30px;

	}

	/* gallery */

	.enigma_gallery_blog{

	width: 49.9%;

	margin-right: 0;

	margin-bottom: 0;

	float: left;

	}

	.carousel-indicators{

		display:none;

	}

	

	.carousel-text .enigma_blog_read_btn{

	display:none;

	}

	.carousel-caption {

	top: 25%;

	}

} 



@media only screen and (min-width: 200px) and (max-width: 600px) {

.logo img{ margin-left:5%; }

	.carousel-list li {

	display:none;

	

	}

	.carousel-caption{

	top:10px;

	}

	.carousel-text h1 {

	font-size: 1.0em;

	}

	

	/*** blog full width **/

	.enigma_sidebar_left_side{



	float:none;



	}

	.enigma_blog_right_side{

	float:none;

	}

	

	.blog-date-left{

		display:flex;

		margin-bottom: 0px;

	}

	

	.blog-date-right{

		display:flex;

		margin-bottom: 0px;

	}

	

	.post-content-wrap {

	width:100%;

	}

	.post-content-wrap-right {

	width:100%;

	}

	.enigma_fuul_blog_detail_padding {

		padding-left: 0px;

		padding-top:20px;

	}

	.enigma_blog_full .enigma_blog_thumb_wrapper_showcase {

		margin-bottom: 0px;

	}

	.navbar-collapse {

     max-height: none;

	 }

	.enigma_project_section .caroufredsel_wrapper{

		height: 400px !important;

	 }

	 .enigma_project_detail_related_projet .caroufredsel_wrapper{ 

		height: 400px !important;

	 }

	 /** enigma footer  copyright area ***/

	 .enigma_footer_area{

	 text-align:center;

	 }

	 .enigma_footer_copyright_info{

		float:none;

	}

	.enigma_footer_social_div{

		float:none;

	}

	/** contact us page **/

	.enigma_contact_form_fields{

	padding-right: 15px;

	padding-top: 30px;

	padding-bottom: 30px;

	border-right: 0px solid #E5E5E5;

	}

	.enigma_contact_info{

		padding-left: 15px;

		padding-top: 30px;

		padding-bottom: 30px;

	}

	.carousel-indicators{

		display:none;

	}

	.carousel-text .enigma_blog_read_btn{

	display:none;

	}

	.carousel-caption {

	top: 35%;

	}

}

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

	.enigma_project_section .caroufredsel_wrapper{

		height: 450px !important;

	 }

	 .enigma_client_area .caroufredsel_wrapper{

		height: 300px !important;

	 }

	 .enigma_project_detail_related_projet .caroufredsel_wrapper{ 

		height: 450px !important;

	 }

	 .carousel-indicators{

		display:none;

	}

.navbar-header #parent_menu .fa{float:right;}

}

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

.navbar-header #parent_menu .fa{float:right;}

.logo{

	text-align:left;

	padding-top:15px;

	padding-bottom:0px;

	}

	.head-contact-info{

	display: block;

	text-align: center;

	padding-top:5px;

	padding-bottom:2px;

	padding-left:0;

	}

	.social{

	display: block;

	text-align: center;

	padding-top:5px;

	padding-bottom:5px;

	padding-left: 0px;

	}

	.carousel-text h1 {

	font-size: 1.0em;

	}

	.carousel-list li {

	display:none;

	

	}

	

	.carousel-caption{

	top:10px;

	}

	.carousel-indicators{

		display:none;

	}

	.enigma_callout_area{

		text-align:center;

	}

	.enigma_callout_area p{

		margin-bottom:20px;

		padding:0px;

	}

	.enigma_callout_btn {

	float: none;	

	}

	.enigma_sidebar_left_side{



	float:none;



	}

	.enigma_blog_right_side{

	float:none;

	}

	/** blog full width ***/

	

	.post-content-wrap {

	width:100%;

	}

	.post-content-wrap-right {

	width:100%;

	}

	

	.blog-date-left{

		display:flex;

		margin-bottom: 0px;

	}

	.blog-date-left li{

		width:60px;

		height:60px;

	}

	

	.blog-date-right{

		display:flex;

		margin-bottom: 0px;

	}

	.blog-date-right li{

		width:60px;

		height:60px;

	}

	.enigma_post_date {

		padding-top: 6px;

		padding-left:2px;

		padding-right:2px;

		padding-bottom: 4px;

	}

	.enigma_post_date span.date {

		font-size: 30px;

		line-height: 25px;

	}

	.enigma_post_date h6 {

		font-size: 10px;

		line-height: 10px;

		margin-top: 4px;

	}

	.enigma_post_author img {

		height: 60px !important;

	}

	

	.enigma_blog_comment{

		width: 60px;

		padding-top: 6px;

		padding-left:2px;

		padding-right:2px;

		padding-bottom: 6px;

	}

	.enigma_blog_comment a{

		color:#999999;

	}

	.enigma_blog_comment i{

		font-size: 30px;

		line-height: 25px;

		



	}

	.enigma_blog_comment h6{

		font-size:12px;

		margin-top:4px;

		

	}

	.enigma_fuul_blog_detail_padding {

		padding-left: 0px;

		padding-top:20px;

	}

	.enigma_blog_full .enigma_blog_thumb_wrapper_showcase {

		margin-bottom: 0px;

	}

		.navbar-collapse {

     max-height: none;

	 }

	.enigma_client_area .caroufredsel_wrapper{

		height: 300px !important;

	}

	

	/*** comment section **/

	.enigma_comment_box .media-body {

	float: left;

	}

	/** enigma footer  copyright area ***/

	 .enigma_footer_area{

	 text-align:center;

	 }

	 .enigma_footer_copyright_info{

		float:none;

	}

	.enigma_footer_social_div{

		float:none;

	}

	/* gallery */

	.enigma_gallery_blog{

	width: 100%;

	margin-right: 0;

	margin-bottom: 0;

	float: left;

	}

}

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

	#parent_menu { display:none; }

	.navbar-nav{ height:50px; }

	.nav .navbar-nav ul li.current-menu-parent { height:72px;}

	/* #trueHeader ul li.current_page_ancestor{ background-color:#13afeb; height:72px; } */

	.nav .navbar-nav ul li.current_page_ancestor a.dropdown-toggle{color:#fff !important; }

	.nav .navbar-nav ul li.active{ height:72px;}

	.nav .navbar-nav ul li ul.dropdown-menu li.active { height:38px; }

	.nav .navbar-nav ul li.dropdown-submenu{ height:38px;}

	.nav .navbar-nav ul li.active ul.dropdown-menu li a{ height:38px !important; color:#575757 !important; }

}