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