@media (min-width:1200px) {
    .enigma_gallery_page .col-md-3 {
        width: 25%
    }
    .navbar {
        margin-bottom: 0
    }
    #enigma_nav_top.affix {
        position: fixed;
        top: 0;
        width: 100%;
        border-bottom: 2px solid #F7F5F5;
        z-index: 9999
    }
    .carousel-caption {
        top: 25%
    }
    .boxed .carousel-caption {
        top: 20%
    }
}

@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
    }
}

@media only screen and (min-width:960px) and (max-width:1200px) {
    .enigma_gallery_page .col-md-3 {
        width: 25%
    }
    .post-content-wrap,
    .post-content-wrap-right {
        width: 83%
    }
    .navbar {
        margin-bottom: 0
    }
    #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) {
    .enigma_blog_right_side,
    .enigma_callout_btn,
    .enigma_footer_copyright_info,
    .enigma_footer_social_div,
    .enigma_sidebar_left_side {
        float: none
    }
    .logo {
        text-align: center;
        padding-top: 15px;
        padding-bottom: 0
    }
    .head-contact-info,
    .social {
        display: block;
        padding-top: 5px;
        padding-left: 0;
        text-align: center
    }
    .head-contact-info {
        padding-bottom: 2px
    }
    .social {
        padding-bottom: 5px
    }
    .navbar-default .navbar-nav>li>a {
        color: #000;
        border-radius: 5px;
        text-transform: uppercase;
        font-family: Arimo, Arial, Helvetica, sans-serif;
        font-weight: 600;
        font-size: 15px;
        padding: 10px 8px
    }
    .navbar {
        margin-bottom: 0
    }
    #enigma_nav_top.affix {
        position: fixed;
        top: 0;
        width: 100%;
        border-bottom: 2px solid #F7F5F5;
        z-index: 99997;
        left: 0
    }
    .carousel-text h1 {
        font-size: 1.4em;
        padding: 10px
    }
    .carousel-list li {
        color: #fff;
        font-size: .9em;
        margin-bottom: 10px;
        overflow: hidden;
        font-family: 'Open Sans', sans-serif;
        font-weight: 600;
        text-transform: uppercase
    }
    .carousel-list {
        top: 60px;
        margin: 0 auto
    }
    .enigma_callout_area {
        text-align: center
    }
    .enigma_callout_area p {
        margin-bottom: 20px;
        padding: 0
    }
    .post-content-wrap,
    .post-content-wrap-right {
        width: 100%
    }
    .blog-date-left,
    .blog-date-right {
        display: flex;
        margin-bottom: 0
    }
    .enigma_fuul_blog_detail_padding {
        padding-left: 0;
        padding-top: 20px
    }
    .enigma_blog_full .enigma_blog_thumb_wrapper_showcase {
        margin-bottom: 0
    }
    .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_area {
        text-align: center
    }
    .enigma_contact_form_fields {
        padding-right: 15px;
        padding-top: 30px;
        padding-bottom: 30px;
        border-right: 0 solid #E5E5E5
    }
    .enigma_contact_info {
        padding-left: 15px;
        padding-top: 30px;
        padding-bottom: 30px
    }
    .enigma_gallery_blog {
        width: 33.3%;
        margin-right: 0;
        margin-bottom: 0;
        float: left
    }
    .carousel-indicators {
        display: none
    }
    .carousel-caption {
        top: 0
    }
}

@media only screen  (max-width:767px) {
    .dropdown-menu {
        width: 100%;
        float: none;
        position: static!important
    }
    .logo {
        text-align: center;
        padding-top: 15px;
        padding-bottom: 0
    }
    .head-contact-info,
    .social {
        display: block;
        padding-top: 5px;
        padding-left: 0;
        text-align: center
    }
    .head-contact-info {
        padding-bottom: 2px
    }
    .social {
        padding-bottom: 5px
    }
    .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: 0 auto
    }
    .enigma_callout_area {
        text-align: center
    }
    .enigma_callout_area p {
        margin-bottom: 20px;
        padding: 0
    }
    .enigma_blog_right_side,
    .enigma_callout_btn,
    .enigma_sidebar_left_side {
        float: none
    }
    .post-content-wrap,
    .post-content-wrap-right {
        width: 100%
    }
    .blog-date-left,
    .blog-date-right {
        display: flex;
        margin-bottom: 0
    }
    .enigma_fuul_blog_detail_padding {
        padding-left: 0;
        padding-top: 20px
    }
    .enigma_blog_full .enigma_blog_thumb_wrapper_showcase {
        margin-bottom: 0
    }
    .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
    }
    .enigma_comment_box .media-body {
        float: left
    }
    .enigma_footer_area {
        text-align: center
    }
    .enigma_footer_copyright_info,
    .enigma_footer_social_div {
        float: none
    }
    .enigma_contact_form_fields {
        padding-right: 15px;
        padding-top: 30px;
        padding-bottom: 30px;
        border-right: 0 solid #E5E5E5
    }
    .enigma_contact_info {
        padding-left: 15px;
        padding-top: 30px;
        padding-bottom: 30px
    }
    .enigma_gallery_blog {
        width: 49.9%;
        margin-right: 0;
        margin-bottom: 0;
        float: left
    }
    .carousel-indicators {
        display: none
    }
    .carousel-caption {
        top: 20%
    }
    .carousel-inner img {
	    height: 300px;
	}
}

@media only screen and (min-width:200px) and (max-width:600px) {
    .enigma_blog_right_side,
    .enigma_footer_copyright_info,
    .enigma_footer_social_div,
    .enigma_sidebar_left_side {
        float: none
    }
    .dropdown-menu {
        width: 100%;
        float: none;
        position: static!important
    }
    .carousel-list li {
        color: #fff;
        font-size: 8px;
        line-height: 8px;
        margin-bottom: 5px;
        overflow: hidden;
        font-family: Abel, sans-serif;
        text-transform: uppercase
    }
    .carousel-text h1 {
        font-size: .8em
    }
    .blog-date-left,
    .blog-date-right {
        display: flex;
        margin-bottom: 0
    }
    .post-content-wrap,
    .post-content-wrap-right {
        width: 100%
    }
    .enigma_fuul_blog_detail_padding {
        padding-left: 0;
        padding-top: 20px
    }
    .enigma_blog_full .enigma_blog_thumb_wrapper_showcase {
        margin-bottom: 0
    }
    .navbar-collapse {
        max-height: none
    }
    .enigma_project_detail_related_projet .caroufredsel_wrapper,
    .enigma_project_section .caroufredsel_wrapper {
        height: 400px!important
    }
    .enigma_footer_area {
        text-align: center
    }
    .enigma_contact_form_fields {
        padding-right: 15px;
        padding-top: 30px;
        padding-bottom: 30px;
        border-right: 0 solid #E5E5E5
    }
    .enigma_contact_info {
        padding-left: 15px;
        padding-top: 30px;
        padding-bottom: 30px
    }
    .carousel-indicators {
        display: none
    }
    .carousel-inner img {
	    height: 300px;
	}
}

@media only screen and (min-width:480px) and (max-width:600px) {
    .logo a {
        font-size: 35px
    }
    .head-contact-info li {
        display: inline-block
    }
    .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
    }
}

@media only screen and (min-width:200px) and (max-width:480px) {
    .blog-date-left li,
    .blog-date-right li {
        height: 60px;
        width: 60px
    }
    .logo a {
        font-size: 25px
    }
    .head-contact-info li {
        display: inline-block
    }
    .logo {
        text-align: center;
        padding-top: 15px;
        padding-bottom: 0
    }
    .head-contact-info,
    .social {
        display: block;
        padding-top: 5px;
        padding-left: 0;
        text-align: center
    }
    .head-contact-info {
        padding-bottom: 2px
    }
    .social {
        padding-bottom: 5px
    }
    .carousel-text h1,
    .carousel-text h2 {
        margin-top: -10px;
        font-size: .8em
    }
    .carousel-list li {
        color: #fff;
        font-size: 8px;
        line-height: 8px;
        margin-bottom: 5px;
        overflow: hidden;
        font-family: Abel, sans-serif;
        text-transform: uppercase
    }
    .carousel-indicators {
        display: none
    }
    .enigma_callout_area {
        text-align: center
    }
    .enigma_callout_area p {
        margin-bottom: 20px;
        padding: 0
    }
    .enigma_blog_right_side,
    .enigma_callout_btn,
    .enigma_sidebar_left_side {
        float: none
    }
    .post-content-wrap,
    .post-content-wrap-right {
        width: 100%
    }
    .blog-date-left {
        display: flex;
        margin-bottom: 0
    }
    .blog-date-right {
        display: flex;
        margin-bottom: 0
    }
    .enigma_post_date {
        padding: 6px 2px 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: 6px 2px
    }
    .enigma_blog_comment a {
        color: #999
    }
    .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: 0;
        padding-top: 20px
    }
    .enigma_blog_full .enigma_blog_thumb_wrapper_showcase {
        margin-bottom: 0
    }
    .navbar-collapse {
        max-height: none
    }
    .enigma_client_area .caroufredsel_wrapper {
        height: 300px!important
    }
    .enigma_comment_box .media-body {
        float: left
    }
    .enigma_footer_area {
        text-align: center
    }
    .enigma_footer_copyright_info,
    .enigma_footer_social_div {
        float: none
    }
    .enigma_gallery_blog {
        width: 100%;
        margin-right: 0;
        margin-bottom: 0;
        float: left
    }
    .carousel-text .enigma_blog_read_btn {
        font-size: 10px
    }
    .enigma_blog_post_content img {
        width: auto;
        height: auto;
        display: block
    }
    .carousel-inner img {
	    height: 200px;
	}
}