%PDF- %PDF-
Direktori : /var/www/html/sljcon/public/css/ |
Current File : /var/www/html/sljcon/public/css/responsive.css |
/* Small screen (phone) */ @media only screen and (max-width: 767px) { header .main_menu{ display: none; } .nav_icon{ display: block; margin-top: 22px; } .sidebar_panel.right{ background: #1e3c50; } .sidebar_menu_area .main_menu li{ list-style: none; } .sidebar_panel.right{ background: #1e3c50; z-index: 9999; } .sidebar_panel .sidebar_nav_icon_close{ color: #ffffff; } .sidebar_menu_area .main_menu li{ list-style: none; } .logo-block img{ margin: 0 auto; } .about_us_area .about_us .about_us_content_right{ display: none; } .about_us_area .about_us .about_us_content_right .about_img{ display: none !important; } .about_us_area .about_us .about_us_content_right .about_img img{ display: none; } .recent-project-section .recent_block .recent_projcet_content .recent_project_caption h4{ margin-top: 95px; } .recent_projcet_content img{ width: 100%; } .number-section .number-block{ margin-bottom: 35px; } .footer-logo{ text-align: center; } .footer-section .footer-bottom .copy-right{ text-align: center; } .counter_section_area .counter_section .single_counter_item{ margin-bottom: 75px; } .about_us_area .about_us .about_us_content .tab-content .tab-pane .about_tab_content_left{ margin-bottom: 30px; } .our_skills_area{ padding-bottom: 80px; } .recent-project-section .recent_block .recent_projcet_content .recent_project_caption h4{ margin-top: 42px; } .about_us_area .about_us .about_us_content .nav-tabs{ margin-right: 0; max-width: 100%; margin-bottom: 30px; } .about_us_area .about_us .about_us_content .tab-content .tab-pane .about_tab_content_left{ margin-right: 0; max-width: 100%; width: 100%; } .about_us_area .about_us .about_us_content .tab-content .tab-pane .about_tab_content_left img{ max-width: 100%; margin: 0; width: 100%; } .about_us_area .about_us .about_us_content .tab-content .tab-pane .about_tab_content_right{ overflow: visible; } .footer_area .footer_top_area .footer_top .block { text-align: center; } .counter_section_area .counter_section .single_counter_item{ margin-bottom: 75px; } .counter_section_area .counter_section .single_counter_item{ text-align: center; } .header_top_area .header_top .col-xs-6{ width: 50%; } header .header_banner_area .header_banner_icon{ display: none; } .pricing_table_area .pricing_table .pricing_table_content .single_pricing_table{ margin-bottom: 50px; } .pricing_table_area .pricing_table .pricing_table_content .single_pricing_table.gold{ margin-top: 0px; } header .header_nav_area .header_nav .header_nav_left .header_nav_block, header .header_nav_area .header_nav .header_nav_right .header_nav_block{ float: none; text-align: center; } header .header_nav_area .header_nav .header_nav_block ul{ display: inline-block; } header .header_nav_area .header_nav .header_nav_block ul li{ border-right: 0; padding-bottom: 0; } header .header_nav_area .header_nav .header_nav_block .header_cart{ margin-right: 0px; padding-right: 0px; border: 0px; } .slider_top_area .slider_top .slider_wrapper .slider_container .slider_item .slider_layer.slide1_layer1, .slider_top_area .slider_top .slider_wrapper .slider_container .slider_item .slider_layer.slide2_layer1{ display: none; } .slider_top_area .slider_top .slider_wrapper .slider_container .slider_item .slider_layer.slide1_layer2, .slider_top_area .slider_top .slider_wrapper .slider_container .slider_item .slider_layer.slide2_layer2{ display: none; } .slider_top_area .slider_top .slider_wrapper .slider_container .slider_item .slider_layer.slide1_layer3, .slider_top_area .slider_top .slider_wrapper .slider_container .slider_item .slider_layer.slide2_layer3{ display: none; } .slider_top_area .slider_top .slider_wrapper .slider_container .slider_item .slider_layer.slide1_layer4, .slider_top_area .slider_top .slider_wrapper .slider_container .slider_item .slider_layer.slide2_layer4{ display: none; } .about_us_area .about_us .about_us_content_left{ margin-right: 0; } header .header_top_area.banner--stick .nav_icon{ margin-top: 22px; } .footer_area .footer_bottom_area .footer_bottom .footer_copyright { text-align: center; } .footer_area .footer_bottom_area .footer_bottom .footer_menu{ float: none; text-align: center; } header.header_style_two .header_top_area .header_top .header_logo .logo{ text-align: left; } .amazing_features_area .amazing_features .amazing_features_content .single_features_item{ margin-top: 10%; } .counter_section_full{ padding-top: 60px; padding-bottom: 40px; } .team_member_area .team_member .team_container .item .single_item{ margin-bottom: 30px; } } /*max-width: 767px*/ /* very small Mobile Layout: 320px. */ @media only screen and (min-width: 300px) and (max-width: 480px) { #preloader{ display: none; } .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6{ width: 100%; } header .header_nav_area .header_nav .header_nav_right .header_nav_block{ width: 100%; } header .header_nav_area .header_nav .user_info ul li{ margin-right: 8px; padding-right: 8px; float: left; } .nav_icon i{ /* margin-top: 32px; */ } .our_client_faq_area .our_client_faq .our_client_area .our_client_content ul li{ width: 100%; margin-bottom: 30px; } .about_us_area .about_us .about_us_content_right{ display: none; } .about_us_area .about_us .about_us_content_right .about_img{ display: none !important; } .about_us_area .about_us .about_us_content_right .about_img img{ display: none; } .recent-project-section .recent_block .recent_projcet_content .recent_project_caption h4{ margin-top: 40px; } .review-block .owl-nav{ display: none; } .number-section .number-block .number-icon{ margin-bottom: 20px; } .team-container{ padding-left: 25px; } .client-block .owl-nav{ display: none; } .counter_section_area .counter_section .single_counter_item{ margin-bottom: 75px; } .contact-form{ margin-bottom: 35px; } .footer-section .footer-bottom .copy-right{ line-height: 1.7; margin-bottom: 30px; } .footer-section .footer_top .footer-menu .footer-navbar ul.footer-nav li{ padding: 0 10px; } .footer-section .footer_top .footer-social a.social-icon{ padding: 0 10px; } .our_testimonial_area .our_testimonial .our_testimonial_slider .single_our_testimonial_item .single_testimonial_item_bottom .single_testimonial_item_bottom_carousel .slick-prev{ left: 0px; } .our_testimonial_area .our_testimonial .our_testimonial_slider .single_our_testimonial_item .single_testimonial_item_bottom .single_testimonial_item_bottom_carousel .slick-next{ right: 0px; } .our_testimonial_area .our_testimonial .our_testimonial_slider .single_our_testimonial_item .single_testimonial_item_bottom .single_testimonial_item_bottom_carousel .single_testimonial_item_bottom_list{ padding-left: 0; padding-right: 0; } .about_us_area .about_us .about_us_content_left .counter_section_area .counter_section .single_counter_item{ padding: 0px 10px; } .our_client_faq_area .fast_faq_area .fast_faq_content .panel-group .panel-default .panel-heading .panel-title a:before{ margin-right: 0px; float: left; display: block; /* padding: 23px 15px; */ } .our_client_faq_area .fast_faq_area .fast_faq_content .panel-group .panel-default .panel-heading .panel-title a{ padding-right: 10px; /* line-height: 1.6; */ overflow: hidden; } .our_client_faq_area .fast_faq_area .fast_faq_content .panel-group .panel-default .panel-heading .panel-title a span { line-height: 1.4; margin-left: 52px; padding: 10px 0px; display: block; } header .header_top_area.banner--stick .nav_icon { margin-top: 23px; } header .header_nav_area .header_nav .header_nav_block ul li{ float: none; display: inline-block; margin-right: 0; } .about_us_area .about_us .about_us_content_left .counter_section_area .counter_section{ flex-direction: column; -webkit-flex-direction: column; } /* 404 page */ .area_404 .block_404 .content_404 .title_404 h2{ font-size: 120px; } .area_404 .block_404 .content_404 .sub_title_404{ font-size: 30px; } .area_404 { padding: 122px 0; } .page_breadcrumb_area{ margin-bottom: 50px; } .coming_soon_area .coming_block .coming_content .coming_title h2{ font-size: 62px; } .coming_soon_area .coming_block .coming_content .countdown .countdown_list{ margin: 0px 25px; } .single_shop .product_details_page .img_holder .images{ margin-bottom: 50px; } .single_shop .product_details_page .img_holder .images a img{ margin: 0 auto; } .tab-pane .woocommerce-Reviews .comment-respond{ padding: 1em; } .tab-pane .woocommerce-Reviews .comment-respond .comment-form .comment-form-author{ width: 100%; clear: both; } .tab-pane .woocommerce-Reviews .comment-respond .comment-form .comment-form-email{ width: 100%; clear: both; } .tab-pane .woocommerce-Reviews .comment-respond .comment-form input[type=text],input[type=email]{ width: 100%; } } /* very small Mobile Layout: 320px. */ @media only screen and (min-width: 481px) and (max-width: 767px) { .about_us_area .about_us .about_us_content_right{ display: none; } .about_us_area .about_us .about_us_content_right .about_img{ display: none !important; } .about_us_area .about_us .about_us_content_right .about_img img{ display: none; } .single_shop .product_details_page .img_holder .images{ margin-bottom: 50px; } .single_shop .product_details_page .img_holder .images a img{ margin: 0 auto; } .tab-pane .woocommerce-Reviews .comment-respond{ padding: 1em; } }/* (min-width: 481px) and (max-width: 767px). */ /* Small tablet Screen */ @media only screen and (min-width: 768px) and (max-width: 991px) { #preloader{ display: none; } header .main_menu{ display: none; } .nav_icon{ display: block; margin-top: -7px } .single_shop_block{ width: 100%; } .single_shop_sidbar{ display: none; } .sidebar_panel.right{ background: #1e3c50; z-index: 9999; } .sidebar_panel .sidebar_nav_icon_close{ color: #ffffff; } .amazing_features_area .amazing_features .amazing_features_content .single_features_item{ margin-top: 15%; } .single_features_item_image .single_features_image img{ margin: auto; } .counter_section_full{ margin-top: 80px; } .about_us_area .about_us .about_us_content_right{ display: none; } .about_us_area .about_us .about_us_content_right .about_img{ display: none !important; } .about_us_area .about_us .about_us_content_right .about_img img{ display: none; } .slider_top_area .slider_top .slider_wrapper .slider_container .slider_item .slider_layer.slide1_layer3, .slider_top_area .slider_top .slider_wrapper .slider_container .slider_item .slider_layer.slide2_layer3{ display: none; } .slider_top_area .slider_top .slider_wrapper .slider_container .slider_item .slider_layer.slide1_layer2{ font-size: 55px; } .slider_top_area .slider_top .slider_wrapper .slider_container .slider_item .slider_layer.slide1_layer1{ font-size: 34px; top: 346px !important; } .slider_top_area .slider_top .slider_wrapper .slider_container .slider_item .slider_layer.slide1_layer4, .slider_top_area .slider_top .slider_wrapper .slider_container .slider_item .slider_layer.slide2_layer4{ top: 547px !important; } .slider_top_area .slider_top .slider_wrapper .slider_container .slider_item .slider_layer.slide1_layer4 a span{ font-size: 28px; padding: 20px; } .recent-project-section .recent_block .recent_projcet_content .recent_project_caption h4{ margin-top: 25px; } .number-section .number-block{ margin: 20px 0; } .header_top_area .header_top .main_menu_area{ margin-top: 30px; } .about_us_area .about_us .about_us_content .nav-tabs{ max-width: 100%; margin-right: 0; float: none; margin-bottom: 50px; } .about_us_area .about_us .about_us_content .tab-content .tab-pane .about_tab_content_left{ margin-right: 40px; } .header_top_area.banner--stick .main_menu_area { margin-top: 18px; } .counter_section_area { padding-top: 100px; } .our_skills_area{ padding-bottom: 80px; } header .header_banner_area .header_banner_icon{ display: none; } .pricing_table_area .pricing_table .pricing_table_content .single_pricing_table{ margin-bottom: 50px; } .pricing_table_area .pricing_table .pricing_table_content .single_pricing_table.gold{ margin-top: 0px; } header.header_style_two .header_top_area .header_top .header_logo .logo{ text-align: left; } .counter_section_full{ padding-top: 80px; padding-bottom: 60px; } } /* Mediam Screen */ @media only screen and (min-width: 992px) and (max-width: 1199px) { .header-section .main_menu_area ul.main_menu li{ margin: 0px 15px; } .about_us_area .about_us .about_us_content .nav-tabs { max-width: 300px; margin-right: 30px; } .about_us_area .about_us .about_us_content .tab-content .tab-pane .about_tab_content_left { max-width: 300px; margin-right: 30px; } .creative_works_area .creative_works .creative_works_filter .creative_works_content .creative_works_block .creative_works_content_inner .creative_works_caption p{ display: none; } .about_us_area .about_us .about_us_content_right{ position: static; } header.header_style_two .header_top_area .header_top .main_menu_area .main_menu.menu_style_two ul li a{ margin: 0px 20px 0px 20px; } } /* Large Screen */ @media (min-width: 1200px) { }